清除浮动div在父div中表现奇怪

Question

• 父div =红色虚线边框
• child-3 el =绿色实心边框

code here

父div（#main-container）包含标题，两个浮动的div和底部的文本链接。底部的文本链接应该是独立的，但它似乎影响两个浮动的div（.child-1，.child-2）而不是父div。有人可以向我解释为什么这个布局中的最后一个子元素（.child-3）会影响其两个浮动兄弟div的内容吗？缺少什么，为什么需要它？感谢

Answer 1

如果没有真正调查问题并知道自己想要什么，将clear:both放在.child-3上似乎有效。

为什么？ http://www.quirksmode.org/css/clearing.html