无法将保证金应用于div

如何解决无法将保证金应用于div

|

<input type=\"text\" id=\"title\" />
<input type=\"button\" id=\"save_post\" class=\"button\" value=\"Submit\" />
<div id=\"map\" style=\"margin-top:10px;\"></div>

由于某些原因，渲染的页面中没有空白。 第一个ѭ1directly直接位于第二个

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

    

解决方法

        尝试将两个输入放在自己的div中，不要设置样式。 如果您使用的是firefox，请获取扩展firebug，因为它会向您显示填充和边距等。非常非常方便的工具！ 如果其他所有方法都失败了。在输入和div \'map \'之间尝试div，然后将style = \“ clear：both; \”放到padding-top代替     ,        上面的代码对我有用。尝试寻找另一种超越您利润的样式。或地方！重要

<div id=\"map\" style=\"margin-top:10px !important;\"></div>

    ,        检查您的CSS代码，看看是否存在如下规则：

#map { ...}

或尝试：

<div id=\"map\" style=\"margin-top:10px !important;\"></div>