此時，把中間的div元素clear值改成right，我們再來看
css代碼如下：
.clear{ clear: right; }
增加第一個p標簽的高度后
css代碼如下：
p:nth-of-type(1){
height: 200px;
background-color: yellow;
}
按照文檔中說明來看，應該是元素右側不能有浮動元素，但第3個和第4個p標簽一直都是沒有變化的，相反，元素之前的右浮動元素撐開了父元素的高度。
再看看clear值為both，在值為both時修改第一個p元素的高度
css代碼如下：
.clear{ clear: both; }
這種情況下，無論之前的是左浮動還是右浮動都可以清除掉
到這里，我們發現clear是清除掉元素之前的浮動元素
clear：left 清除這個元素之前元素的左浮動
clear：right 清除這個元素之前元素的右浮動
clear：both 清除這個元素之前元素的左浮動和右浮動
最后注意：clear屬性只對塊元素有效哦!!!
>>本文地址：http://www.jecan.cn/zhuanye/2019/48200.html
聲明:本站稿件版權均屬中公教育優就業所有，未經許可不得擅自轉載。
1 您的年齡
2 您的學歷
3 您更想做哪個方向的工作？
大前端
大數據
互聯網營銷
Java
Linux
Python
嵌入式
全域電商運營
軟件測試
室內設計
平面設計
電商設計
網頁設計
UI設計
VR/AR
網絡安全
新媒體
直播帶貨
智能機器人
中公教育IT培訓品牌
400-650-7353
Copyright©1999-
北京中公教育科技有限公司 .All Rights Reserved
京ICP備10218183號-88
京ICP證161188號
京公網安備11010802020723號
投訴建議：400-650-7353
Java培訓
軟件測試培訓
Web培訓
Linux培訓
Python培訓
互聯網營銷培訓
UI培訓
大數據培訓
官方公眾號 回復"大禮包"享福利 
領學習資料 分享IT知識 
閱讀()
分享
手機端入口
