阻止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％以上。