width:100%是相對于父元素的，沒有說一定要設置width：100%，

overflow:hidden 的意思是超出的部分要裁切隱藏掉.

overflow：hidden是為了幫助父元素清除浮動的影響，

關于overflow：hidden的

? ? ? ? ? 第一種理解： float 的元素不占普通流位置，普通流的包含塊要根據內容高度裁切隱藏，如果高度是默認值auto，那么不計算其內浮動元素高度就裁切，就有可能會裁掉float。所以如果沒有明確設定容器高情況下，它要計算內容全部高度才能確定在什么位置hidden，浮動的高度就要被計算進去，順帶達成了清理浮動的目標.?

? ? ? ? ? ?第二種理解：設置overflow：hidden的目的是為了使父容器形成BFC。

? ? ? ? ??BFC有三個特性，? 1.?BFC會阻止垂直外邊距（margin-top、margin-bottom）折疊 ?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?2.BFC不會重疊浮動元素

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?3.BFC可以包含浮動

? ? ? ? ? 如何簡單地形成BFC

? ? ? ? ? ? ? ? ? ? ? ? ? ?float為?left|right

? ? ? ? ? ? ? ? ? ? ? ? ? ? overflow為?hidden|auto|scroll

? ? ? ? ? ? ? ? ? ? ? ? ? ?display為?table-cell|table-caption|inline-block

? ? ? ? ? ? ? ? ? ? ? ? ? ? position為?absolute|fixed

使用BFC有一定的局限性：

? ? ? ? ? ? ? 使用float的時候會使父容器長度縮短，而且還有個重要缺陷——父容器float解決了其塌陷問題，那么父容器的父容器怎么辦？難道要全部使用folat嗎（確實有這種布局方式倒是）。BFC的幾種方式都有各自的問題，overflow屬性會影響滾動條和絕對定位的元素；position會改變元素的定位方式，這是我們不希望的，display這幾種方式依然沒有解決低版本IE問題。。。