IT培訓(xùn)網(wǎng)
IT培訓(xùn)
Java培訓(xùn)
軟件測(cè)試培訓(xùn)
Web培訓(xùn)
Linux培訓(xùn)
Python培訓(xùn)
互聯(lián)網(wǎng)營(yíng)銷培訓(xùn)
UI培訓(xùn)
大數(shù)據(jù)培訓(xùn)關(guān)注我們
官方公眾號(hào) 回復(fù)"大禮包"享福利 
領(lǐng)學(xué)習(xí)資料 分享IT知識(shí) IT在線學(xué)習(xí)
熱門課程 更多 >
關(guān)注我們
掃碼領(lǐng)資料 零基礎(chǔ)學(xué)IT 微信掃碼關(guān)注 回復(fù)“大禮包”享福利 IT培訓(xùn)網(wǎng)
官方公眾號(hào) 回復(fù)"大禮包"享福利 領(lǐng)學(xué)習(xí)資料 分享IT知識(shí) IT在線學(xué)習(xí)
掃碼領(lǐng)資料 零基礎(chǔ)學(xué)IT 微信掃碼關(guān)注 回復(fù)“大禮包”享福利 
閱讀()
分享
手機(jī)端入口
此時(shí)，把中間的div元素clear值改成right，我們?cè)賮?lái)看
css代碼如下：
.clear{ clear: right; }
增加第一個(gè)p標(biāo)簽的高度后
css代碼如下：
p:nth-of-type(1){
height: 200px;
background-color: yellow;
}
按照文檔中說(shuō)明來(lái)看，應(yīng)該是元素右側(cè)不能有浮動(dòng)元素，但第3個(gè)和第4個(gè)p標(biāo)簽一直都是沒有變化的，相反，元素之前的右浮動(dòng)元素?fù)伍_了父元素的高度。
再看看clear值為both，在值為both時(shí)修改第一個(gè)p元素的高度
css代碼如下：
.clear{ clear: both; }
這種情況下，無(wú)論之前的是左浮動(dòng)還是右浮動(dòng)都可以清除掉
到這里，我們發(fā)現(xiàn)clear是清除掉元素之前的浮動(dòng)元素
clear：left 清除這個(gè)元素之前元素的左浮動(dòng)
clear：right 清除這個(gè)元素之前元素的右浮動(dòng)
clear：both 清除這個(gè)元素之前元素的左浮動(dòng)和右浮動(dòng)
最后注意：clear屬性只對(duì)塊元素有效哦!!!
>>本文地址：http://www.028benet.com/zhuanye/2019/48200.html
聲明:本站稿件版權(quán)均屬中公教育優(yōu)就業(yè)所有，未經(jīng)許可不得擅自轉(zhuǎn)載。
1 您的年齡
2 您的學(xué)歷
3 您更想做哪個(gè)方向的工作？
大前端
大數(shù)據(jù)
互聯(lián)網(wǎng)營(yíng)銷
Java
Linux
Python
嵌入式
全域電商運(yùn)營(yíng)
軟件測(cè)試
室內(nèi)設(shè)計(jì)
平面設(shè)計(jì)
電商設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)
UI設(shè)計(jì)
VR/AR
網(wǎng)絡(luò)安全
新媒體
直播帶貨
智能機(jī)器人
中公教育IT培訓(xùn)品牌
400-650-7353
Copyright©1999-
北京中公教育科技有限公司 .All Rights Reserved
京ICP備10218183號(hào)-88
京ICP證161188號(hào)
京公網(wǎng)安備11010802020723號(hào)
投訴建議：400-650-7353
