html - 无法将 margin 应用于 div

Question

<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 />标签，但这也不起作用。

我做错了什么？

CSS

.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;
}

Answer 1

尝试将两个输入放在它们自己的一个 div 中，不带任何样式。

如果您使用的是 firefox，请获取扩展名 firebug因为它向您展示了填充和边距等。非常非常方便的工具!

如果一切都失败了。尝试在输入和你的 div 'map' 之间放置一个 div 并放置 style="clear:both;"也可以试试 padding-top 代替