CSS：小問題浮動

Question

日冰，

我有一個小問題，從來就這麼做過，但作爲CSS有時it's OK表現時間 但下一次它顯示了一個錯誤。

正如你所看到的紅色區域（主要內容）doesn't流，因爲它應該

我必須失去了一些東西，但是當我去雜貨店:)

爲什麼不張貼問題正如我說的，猜測it's微小的東西...

enter link description here

Answer 1

#sidebar { 
     display:block; 
     float:left; 
     width:170px; 
     height:auto; 
     min-height:400px; 
     background:#f9f9f9; 
     border: solid 1px #eaeaea; 
     border-radius:10px; 
     -moz-border-radius:10px; 
} 

#main { display:block; float:right; width:766px; height:auto; min-height:400px; background:red; } 

使用此css。它會工作。

Answer 2

我通過你的紅色容器上設置寬度width: 79%固定這一點。不知何故，當你設置它時，它會溢出，所以都是100％。

也許最好在這裏使用完美的像素，並將像素值代替使用百分比，因爲無論如何你的容器的寬度是固定的。

希望能幫到你。

Answer 3

sitebar div的寬度爲20％，但兩邊的邊距都是1px。這2個像素被添加到20％的內部寬度，因此主div沒有留下80％。

所以設置的主寬度的79％，或添加：

margin: 0 -1px 0 -1px; 

但自從你給容器固定寬度，那麼，爲什麼你的風格的百分比是多少？