2012-05-28 30 views
0

以最簡單的形式,問題如下。我有兩個div(Ldiv和Rdiv)填滿我的屏幕。寬度分別爲60%和40%,高度因內容量而異。 Ldiv漂浮在左邊,Rdiv漂浮在右邊。問題是,當我縮小窗戶並將Rdiv推向Ldiv時,我似乎失去了Rdiv的右邊距,除非我將其寬度設置爲35-39%而不是40%。我試過在一個封閉的div容器內進行包裝,但這沒有奏效。如何完美排列divs進行液體佈局?

這可以通過使其中一個div(比如說Ldiv)具有固定寬度(在這種情況下,佈局不是完全液態的,但這並不重要)來解決嗎?我在這裏看過很多帖子,說這是要走的路,但我不明白爲什麼它應該。許多人認爲,只有2格,他們都應該漂浮,但是有沒有非浮動選擇?

感謝

+0

發佈一個鏈接到你的代碼,我會看看 – Henry

回答

0

它不可能給一個真正的答案,沒有看到你的代碼,但我想還是有你的div和/或你的身體元素邊距和補。所以,40/60%不加起來就是100%。你可以「刪除」這個與

body, #Ldiv, #Rdiv { 
    padding:0; 
    margin:0; 
} 
+0

感謝您的回答。但是,我需要填充和邊距來使界面更具吸引力。如果我指定了絕對規模,這個想法可行,但如何使流通量以百分比工作? – maximus

+0

您可以將另一個div放入這些div。並給他們的利潤。 ;) – Sliq