浮動div重疊

Question

我想爲朋友做這個測試網站。它有4個固定的位置div，中間有一個div，可以滾動。問題是bodyline div與左側div重疊。

http://jsfiddle.net/H23du/

存在的什麼是錯的預覽。

誰能幫助，我可以解釋任何東西如果需要更多。儘管JSfiddle完美地顯示了這個問題。

Answer 1

固定的DIV是DOM流不再一部分，併爲您居中DIV不能作爲參考點。但是，您可以使用它們的百分比或基於像素的寬度來確定中心DIV的邊距。

人體工程學，左側的div與30PX的寬度將意味着中心格需要的30像素的左邊緣;

它實際上只是歸結爲數學從這裏開始。現在

，如果浮動與相對定位的div，而不是將它們固定，這將是一個不同的故事。

Answer 2

Try：width:25%; and padding: 0px 0px 0px 60px; and text-align: justify; in #bodyline。