<input type="text" id="title" />
<input type="button" id="save_post" class="button" value="Submit" />
<div id="map" style="margin-top:10px;"></div>
由于某种原因，渲染页面中没有边距。
第一个input直接位于第二个input的左侧，div直接位于两个<br />之下，两者之间没有间距。
我也试过放置.button {
width: 80px;
height: 34px;
border: none;
background: #673491;
color: #fff;
float: left;
}
#title {
height: 30px;
width: 276px;
border: 1px solid #cbcbcb;
background: #fff;
text-indent: 10px;
color: #999999;
float: left;
}
#left {
width: 360px;
float: left;
margin-right: 7px;
padding-top: 24px;
}
#content {
width: 800px;
margin: 0 auto;
text-align: left;
}
body {
background: #f2f2f2;
text-align: center;
color: #999999;
font-family: arial, verdana;
font-size: 13px;
margin: 0;
padding: 0;
}
标签，但这也不起作用。
我做错了什么？
CSS
{{1}}
答案 0 :(得分：1)
尝试将两个输入放在他们自己的div中，没有样式。
如果您使用的是Firefox，请获取扩展名firebug，因为它会显示填充和边距等。非常非常方便的工具！
如果一切都失败了。在输入和div'map'之间尝试div，并将style =“clear：both;”也可以尝试填充顶部
答案 1 :(得分：0)
以上代码适合我。尝试寻找另一种超越边际的风格。或者放置！重要
<div id="map" style="margin-top:10px !important;"></div>
答案 2 :(得分：0)
签入您的CSS代码以查看是否存在以下规则：
#map { ...}
或尝试：
<div id="map" style="margin-top:10px !important;"></div>