對齊2形式並排

2011-12-12 76 views 0 likes

首先，關於我的佈局圖片股利水平並排：對齊2形式並排

我有一個DIV 2形式。第一種形式（#coupon）設置爲float：right，第二種（#comment）float：left。問題在於父母的身高。它太小了，兩種形式都不在這個格子裏面。爲什麼？

2011-12-12 Adrian

浮動元素時，父級不再使用該元素來計算其寬度或高度。 –

回答

只需添加overflow: hidden到父格或使用標準clearfix。

2011-12-12 20:50:30 Leo

溢出：隱藏是我的朋友。 :) – Adrian

您是否使用過任何絕對位置，邊距或填充？他們會相當大地改變你的佈局。如果您不確定，請將它們明確設置爲0。

什麼是你的箱子大小的三個divs，你可以突出這些，你會得到什麼？

編輯 jsfiddle瞭解margin和padding

2011-12-12 20:48:25

內容div爲：.content {0} {0} {0}} border：1px solid #DDDDDD; margin-bottom：10px; margin-top：10px; padding：10px; } – Adrian

是的，這是一個部分，同樣可能是內部浮動div。你有他們的保證金，填充？ –

與溢出：隱藏現在好了 – Adrian

相關問題