实战IT培训机构_黄色激情网站_IT培训班选大学生IT技术培训中心_黄色激情视频网站_中公优就业

400-650-7353
您所在的位置:首頁 > IT干貨資料 > web前端 > 【Web前端基礎知識】clear使用方法

【Web前端基礎知識】clear使用方法

  • 發布: Web前端培訓
  • 來源:Web前端干貨資料
  • 2019-12-19 16:20:46
  • 閱讀()
  • 分享
  • 手機端入口

此時,把中間的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屬性只對塊元素有效哦!!!

文章“【Web前端基礎知識】clear使用方法”已幫助

>>本文地址:http://m.jecan.cn/zhuanye/2019/48200.html

THE END  

聲明:本站稿件版權均屬中公教育優就業所有,未經許可不得擅自轉載。

1 您的年齡

2 您的學歷

3 您更想做哪個方向的工作?

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯網營銷互聯網營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯網嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網頁設計網頁設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開發VR/AR
  • 網絡安全網絡安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發智能機器人
 

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板: 空气弹簧|橡胶气囊|橡胶空气弹簧-上海松夏减震器有限公司 | 智能电表|预付费ic卡水电表|nb智能无线远传载波电表-福建百悦信息科技有限公司 | 丙烷/液氧/液氮气化器,丙烷/液氧/液氮汽化器-无锡舍勒能源科技有限公司 | 高压分散机(高压细胞破碎仪)百科-北京天恩瀚拓 | 七维官网-水性工业漆_轨道交通涂料_钢结构漆 | 行星齿轮减速机,减速机厂家,山东减速机-淄博兴江机械制造 | 彼得逊采泥器-定深式采泥器-电动土壤采样器-土壤样品风干机-常州索奥仪器制造有限公司 | 泰安塞纳春天装饰公司【网站】| 南京精锋制刀有限公司-纵剪机刀片_滚剪机刀片_合金刀片厂家 | 防渗膜厂家|养殖防渗膜|水产养殖防渗膜-泰安佳路通工程材料有限公司 | 泰来华顿液氮罐,美国MVE液氮罐,自增压液氮罐,定制液氮生物容器,进口杜瓦瓶-上海京灿精密机械有限公司 | 龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司_龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司 | 刺绳_刀片刺网_刺丝滚笼_不锈钢刺绳生产厂家_安平县浩荣金属丝网制品有限公司-安平县浩荣金属丝网制品有限公司 | 首页_中夏易经起名网 | 分光色差仪,测色仪,反透射灯箱,爱色丽分光光度仪,美能达色差仪维修_苏州欣美和仪器有限公司 | 无锡网站建设-做网站-建网站-网页设计制作-阿凡达建站公司 | 郑州大巴车出租|中巴车租赁|旅游大巴租车|包车|郑州旅游大巴车租赁有限公司 | 美名宝起名网-在线宝宝、公司、起名平台 | 青岛代理记账_青岛李沧代理记账公司_青岛崂山代理记账一个月多少钱_青岛德辉财税事务所官网 | 船用烟火信号弹-CCS防汛救生圈-船用救生抛绳器(海威救生设备) | 广州展览制作|展台制作工厂|展览设计制作|展览展示制作|搭建制作公司 | 泰州物流公司_泰州货运公司_泰州物流专线-东鑫物流公司 | 众品地板网-地板品牌招商_地板装修设计_地板门户的首选网络媒体。 | 电镀标牌_电铸标牌_金属标贴_不锈钢标牌厂家_深圳市宝利丰精密科技有限公司 | 高速混合机_锂电混合机_VC高效混合机-无锡鑫海干燥粉体设备有限公司 | 泰国试管婴儿_泰国第三代试管婴儿费用|成功率|医院—新生代海外医疗 | 铝镁锰板_铝镁锰合金板_铝镁锰板厂家_铝镁锰金属屋面板_安徽建科 | 胀套-锁紧盘-风电锁紧盘-蛇形联轴器「厂家」-瑞安市宝德隆机械配件有限公司 | 短信营销平台_短信群发平台_106短信发送平台-河南路尚 | 包装盒厂家_纸盒印刷_礼品盒定制-济南恒印包装有限公司 | 机械加工_绞车配件_立式离心机_减速机-洛阳三永机械厂 | 团建-拓展-拓展培训-拓展训练-户外拓展训练基地[无锡劲途] | 河南15年专业网站建设制作设计,做网站就找郑州启凡网络公司 | 地图标注-手机导航电子地图如何标注-房地产商场地图标记【DiTuBiaoZhu.net】 | 杭州双螺杆挤出机-百科| 东莞螺杆空压机_永磁变频空压机_节能空压机_空压机工厂批发_深圳螺杆空压机_广州螺杆空压机_东莞空压机_空压机批发_东莞空压机工厂批发_东莞市文颖设备科技有限公司 | 菏泽知彼网络科技有限公司 | 软文推广发布平台_新闻稿件自助发布_媒体邀约-澜媒宝 | 新密高铝耐火砖,轻质保温砖价格,浇注料厂家直销-郑州荣盛窑炉耐火材料有限公司 | 酒瓶_酒杯_玻璃瓶生产厂家_徐州明政玻璃制品有限公司 | 慢回弹测试仪-落球回弹测试仪-北京冠测精电仪器设备有限公司 |