浮動常見問題
<!-------------------------------------------------------清楚浮動開始-------------------------------------->
清除浮動float的常用方法2種:
1.clear屬性----常用clear:both;
? clear:left;或者:clear:right;(必須知道元素是左浮動了還是有浮動了清除對應的)
2.同時設置width:100%(或固定寬度)+ overflow:hidden;(隱藏溢出部分)
3當父包含塊沒有設置浮動,而父包含塊里面包含的元素設置了浮動float后會影響的父包含
塊,(在此時我們對父包含塊設置clear:both;是不會起作用的。它此時已經變成一條線了,高
度沒有辦法擴展了)解決辦法:如下
??? a.width:100%(或固定寬度)+ overflow:hidden;(隱藏溢出部分)
4.清除浮動float;clear:both;它只對緊鄰它后面的元素管用可以清除浮動。
5.我們對元素最好不要設置高度,不然溢出部分我們設置了overflow后看不到:(但是可以
設置最小高度,min-height:400px;等)
<!-------------------------------------------------------清楚浮動結束-------------------------------------->
2016-05-11
float 浮動!分為左浮動!右浮動!
float 常見 bug 浮動雙邊距!float 是實現并列!只要這樣簡單理解就可以了!