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

问题描述

问 题

下面这个提交框，我怎么也放不下去，一直和上面的输入框连在一起，试过 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;

}

解决方案

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就可以解决了

这篇关于css - input写的提交按钮无法撑开距离？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！