1. 首頁
  2. 問答
  3. 清除浮動父格內行事古怪

清除浮動父格內行事古怪

2012-07-17 56 views
0
  • 父DIV =紅色虛線邊框
  • 兒童3 EL =綠色固體邊界

code here清除浮動父格內行事古怪

父DIV（#main-container）包含，一個的div標題，兩個浮動div以及底部的文本鏈接。底部的文本鏈接應該是獨立的，但它似乎影響了兩個浮動div（.child-1,.child-2）而不是父div。有人可以向我解釋爲什麼這個佈局中的最後一個子元素（.child-3）會影響其兩個浮動兄弟分區的內容？缺少什麼以及爲什麼需要？謝謝

來源

2012-07-17 Chris22

+0

這就是你所追求的：http://jsfiddle.net/j08691/se3yE/5/？ – j08691 2012-07-17 21:00:42

+0

是的，我目前正在看你的代碼，看看有什麼不同... – Chris22 2012-07-17 21:02:20

+0

我添加了'clear：both'到.child-3 – j08691 2012-07-17 21:02:46

回答

0

沒有真正的調查問題，並知道你想要什麼，.child-3 似乎工作。

爲什麼？http://www.quirksmode.org/css/clearing.html

來源

2012-07-17 21:01:13 Phil

+0

是的，增加了明確：對最後工作的元素。雖然j08691回答了，但我會將此標記爲答案，但無法將該評論標記爲答案。 – Chris22 2012-07-17 21:06:34

+0

很高興知道它爲什麼起作用，我建議閱讀該鏈接的文章。 – Phil 2012-07-17 21:07:39

+0

@ Chris22 - 不是問題。 – j08691 2012-07-17 21:09:21

相關問題

 相關問題