input写的提交按钮无法撑开距离？

Question

下面这个提交框，我怎么也放不下去，一直和上面的输入框连在一起，试过 margin,padding,top,都下不去，不知道哪里出了问题？

<input class="footer-content-SendMessage" type="submit" name="" id="" value="SendMessage" />

.footer-content-SendMessage{

width: 240px;
height: 66px;
background-color: #fddc6b;
font-family: "微软雅黑";
font-size: 20px;
color: #FFFFFF;
clear: both;
border: none;
top: 30px;
margin: 0 auto;

}

Answer 1

html:

<div class="box">
    <div class="left"></div>
    <div class="right"></div>
</div>
<input class="footer-content-SendMessage" type="submit" name="" id="" value="SendMessage" />

css:

.left,.right{
                float:left;
                width:100px;
                height:100px;
                margin-right: 10px;
                background:#eeeeee;
            }
            .footer-content-SendMessage{
                width: 240px;
                height: 66px;
                background-color: #fddc6b;
                font-family: "微软雅黑";
                font-size: 20px;
                color: #FFFFFF;
                clear: both;
                border: none;
                margin-top:10px;
            }

你应该是把上面的两个div和下面的按钮放在一起了，上面两个div外面加上一个div就可以解决了

Answer 2

套个div，即可！

Answer 3

应该是上面的输入框设置了浮动，清除浮动就好了

Answer 4

输入框和按钮分别加个div

Answer 5

跟你的按钮样式没有任何关系，看图上的效果，猜想：

• 上面的容器有一个固定的高度导致的；

• 上面的表单区域是定位过来的，只不过上面的空间是利用其它腾出来的

• 还有其它一些可能性，没想到

附带说一下， top 属性是给 position 的，padding 是元素内部的，你这里需要用的是 margin，然后你写了 margin: 0 auto; 直接把 margin-top 设置为 0 了，所以，你这个按钮元素没有任何属性来控制离顶部位置的。