阻止div在CSS中堆叠不正确

Question

我已经使用了一个CSS布局网格系统（960.gs）它是一个液体系统，由于某种原因，header-right和content right div并不停留在同一行对。有谁知道这是为什么？ 感谢

alt text http://img228.imageshack.us/img228/6575/screenshot20100810at104.png

Answer 1

咦？

也许你需要为你的DIV设置明确的宽度，如果我猜对了。

给他们一个浮动或在CSS中的位置，然后强制其宽度（也在CSS中）。

<div id='one' style='float:left;width:20%'>One</div> 
<div id='two' style='float:left;width:80%'>Two</div> 

<div id='three' style='float:left;width:20%'>Three</div> 
<div id='four' style='float:left;width:80%'>Four</div> 

<div id='five' style='float:left;width:20%'>Five</div> 
<div id='six' style='float:left;width:80%'>Six</div> 

等

更新：

如果问题是正确的，那么它是一个类似的解决方案。它看起来好像边框，填充或边距都是从宽度中抛出。使用我上面的示例...

<div id='five' style='float:right;width:20%'>Five</div> 
<div id='six' style='float:right;width:80%;margin:5px'>Six</div> 

Div Six现在将出现在不同的线上，因为5px边距将其推到100％以上。