Document

.box{

width:500px;

background-color: darkcyan;

}

.box1{

width:200px;

height:600px;

background-color: darkorchid;

margin-top:200px;

}

.box2{

width:200px;

height:200px;

background-color: darksalmon;

clear:both;

/* clear:left; 清除左浮動(dòng)的影響。

clear:right; 清除右浮動(dòng)的影響。

clear:both; 清除對(duì)自己影響最大的那個(gè)浮動(dòng)。

*/

}

.clearfix::before,

.clearfix::after{

content:'';

display: table;

clear: both;

}

/* 利用clearfix類可以解決高度塌陷和外邊距重合問(wèn)題 */

一鍵復(fù)制

編輯

Web IDE

原始數(shù)據(jù)

按行查看

歷史

總結(jié)

以上是生活随笔為你收集整理的html清楚css的影响,08、清除浮动的影响.html的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。