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