按钮不进入div？答案

【问题标题】：button not going inside div?按钮不进入div？
【发布时间】：2016-10-09 21:55:14
【问题描述】：

我有一个按钮 div，里面有一个 img 和按钮。我正在尝试将 img 放在 div 内的按钮顶部，以我的 FacebookDivv 为中心。

<div id="FacebookDivv">
     <div id="buttonDiv">
         <button id="loginBut" ><p id="SignInText">Sign In</p></button>
        <img src="http://icons.iconarchive.com/icons/alecive/flatwoken/512/Apps-Facebook-icon.png" height="150px" width="150px" margin-top="50vh">
    </div>
    </div>

我的 CSS 是：

 #loginBut {
        border-color: #2d5073;
        background-color: #3b5998;
        height: 40px;
        display: inline-block;
        width: 120px;

        background-image: url(http://icons.iconarchive.com/icons/danleech/simple/512/facebook-icon.png);
        background: url(http://aroosamanzar.com/uploads/images/facebook-logo-png-white-i6.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c74c4), color-stop(100%, #3b5998));
        background-size: 25px 25px, cover;
        background-position: 170px center, center center;
        background-repeat: no-repeat, repeat;
    }

    #buttonDiv{
        width: 150px;
        align-content: center;
        display: inline-block;
        margin-top: 40vh;
    }

当我加载页面时，按钮被 img 和检查 src 说它甚至不在 buttonDiv 中？

【问题讨论】：

标签： css layout containers

【解决方案1】：

删除 HTML 中 button 标记内的 p 标记，如果您希望图像位于按钮内，请将其用作背景图像，而不是在 img 标记中

【讨论】：

我想要一个 div 包含一个 img 和一个按钮，按钮在 div 下形成
按钮下的Div
现在按钮位于 buttonDiv 内部，即它将出现在按钮 DIV 中。
我的坏问题是javascript在它旁边附加了按钮。