? ? 清除浮動是指清除掉元素float屬性。清除浮動-使用clear元素浮動之后，周圍的元素會重新排列，為了避免這種情況，使用clear屬性。我們在CSS中引入了clear:left|right|both屬性，其作用分別是在元素的左側|右側|兩側不允許存在float元素，我們可以用他來清除其副作用。
? ? 一、浮動引起的問題
? ? （1）父元素的高度無法被撐開，影響與父元素同級的元素；
? ? （2）與浮動元素同級的非浮動元素會跟隨其后；
? ? （3）若非第一個元素浮動，則該元素之前的元素也需要浮動，否則會影響頁面顯示的結構；
? ? 二、清除浮動的方法
? ? 1、利用clear清除浮動
? ? .son {
? ? clear: left | right | both | auto
? ? }
? ? 2、父元素上使用after偽類
? ? #parent:after {
? ? content: '';
? ? clear: both;
? ? height: 0;
? ? display: block;
? ? }
? ? 3、利用overflow清除浮動
? ? #parent {
? ? overflow: auto;
? ? display: inline-block;
? ? }
? ? 4、父級div定義 偽類：after 和 zoom
? ? .clearfix:after{
? ? content:'.';
? ? display:block;
? ? height:0;
? ? clear:both;
? ? visibility: hidden;
? ? }
? ? .clearfix {zoom:1;}
十三年專注于網站建設與互聯網應用開發，低調、有情懷的網絡應用服務商！
全國服務熱線：400-680-9298，0791-88117053 
贛公網安備 36010202000052號
售前咨詢