无法将余量应用于分隔

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

来源

2011-06-15 slandau

什么的价值'按钮'类？ – 2011-06-15 00:35:36

还有其他的CSS在玩。我会发布。 – slandau 2011-06-15 00:37:12

你可能有一个浮动的问题与你的输入CSS - 检查我的答案与明确的：既 – Stevanicus 2011-06-15 00:42:44

试着将两个输入放在他们自己的div中，没有造型。

如果您使用的是Firefox得到扩展firebug，因为它显示了填充和利润等非常，非常方便的工具！

如果一切都失败。在输入和div'map'之间尝试div，并将style =“clear：both;”也尽量填充顶在你的CSS代码，而不是

来源

2011-06-15 00:41:02 Stevanicus

放置另一个div明确：都;工作。谢谢！ – slandau 2011-06-15 00:43:25

没有概率它是明确的修复:)我与作战的年龄一旦:)你将需要每次使用浮动 – Stevanicus 2011-06-15 00:46:26

不要忘记，以纪念答案:)一次放置一个空div清晰 – Stevanicus 2011-06-15 00:58:46

上面的代码为我工作。试着寻找另一种超越你的利润的风格。或者地方！重要

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

来源

2011-06-15 00:36:52

检查，看是否有如下规则：

#map { ...}

或者尝试使用：

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

来源

2011-06-15 00:43:06

无法将余量应用于分隔

回答

相关问题