Div在Firefox上不显示在同一行上

我使用Bootstrap和自定义CSS来开发我的个人网站，并且我有以下HTML代码来生成包含两列的内容部分。Div在Firefox上不显示在同一行上

<div class="row-fluid"> 
    <div id="content" class="span9"> 
     content 
    </div> 
    <div id="ads" class="span3"> 
     ads 
    </div> 
</div>

这适用于所有浏览器，但是使用以下CSS，广告div在Firefox中查看时位于内容div下。在所有其他浏览器中，广告div保留在content div的右侧（这是正确的显示）。

#content{ 
    margin-top:2em;  
    padding: 1em; 
    box-sizing: border-box; 
    border-radius: 20px 20px 0 0; 
    border: 2px solid #EEF; 
} 

#ads{ 
    margin-top:2em;    
    padding: 1em; 
    box-sizing: border-box; 
    border-radius:15px; 
    border: 2px solid #EEF; 
}

我认为这是因为填充+边框，但所有其他浏览器显示正确。那么，有没有办法在Firefox中解决这个问题？

如果需要，可以在http://www.dinhani.com.br中查看此错误（对不起，内容是用葡萄牙语，因为最近开发了这些内容）。

来源

2012-04-16 Renato Dinhani

Firefox不执行box-sizing机智有一个-moz-前缀。请参阅bugzilla

此外，您的问题缺少最重要的CSS规则：即每个div的width。您链接到节目规则.row-fluid > .span3，另一个用于.span9

来源

2012-04-16 11:43:11 searlea

宽度由Bootstrap的span3和span9类定义。它使用span12（12列）的网格。 – 2012-04-16 12:04:59

-moz-前缀解决了这个问题。谢谢。 – 2012-04-16 12:13:48

你改变你的HTML像这样（只是DIV开始标记的小变化。，我希望你得到以下

<div class="row-fluid"> 
    <div id="content" class="span9"> 
     content 
    </div> 
    <div id="ads" class="span3"> 
     ads 
    </div> 
</div>

enter image description here 确定我们像图像输出要喜欢这个图像2

#content{ 
    margin-top:2em;  
    padding: 1em; 
    box-sizing: border-box; 
    border-radius: 20px ; 
    border: 2px solid #EEF; 
    float:left; 
} 

#ads{ 
    margin-top:2em;    
    padding: 1em; 
    box-sizing: border-box; 
    border-radius:15px; 
    border: 2px solid #EEF; 
    float: left; 
}

enter image description here