2012-04-09 141 views
2

所以我有這個頁面:CSS浮動身高問題

http://demo.unlockedmanagement.com/example/floating-issue.html

你會發現3項:詳細信息,附着物和說明。現在,當您展開「詳細信息」(只需點擊標題)時就會出現問題。附件文本在詳細內容的第二個ul下面引發。事情是附件應該在他們自己的路線上。

我正在使用clearfix方法來嘗試修復不具有此處所述寬度的浮動元素:http://www.webtoolkit.info/css-clearfix.html:除了我只是在做一個明確的:right ;.現在很明顯,第一個ul與第二個ul漂浮在一起的高度比第二個ul高,但是父元素的高度似乎是第二個ul的高度,而不是第一個ul的高度。

有人看到我在這裏做錯了嗎?

+0

您在與記者列表相同的列表中有附件標題,它是樣式爲50%寬度且右側浮動的列表的一部分。這就是爲什麼它落在記者的下面,而不是在自己的領域。如果您希望它位於最左側,那麼您需要將它從該列表中拉出來,並將其放在左側列表中,或者將其置於左側清空的新列表中。 – 2012-04-09 21:20:25

回答

1

你有沒有嘗試設置你的浮動容器來顯示:inline-table?這應該允許浮動元素相對於他們的兄弟姐妹進行佈局,並且在其周圍元素的尺寸增大或縮小時進行移位。

+0

的作品,將不得不在block/inline旁邊閱讀這個選項的更多其他值。 – ryanzec 2012-04-09 21:46:47