2.28

版心的概念:

就是網(wǎng)站的核心展示區(qū)域,一般居中顯示.

版心的寬度一般為: 960px 980px 1000px 1190px 1200px

清除浮動(dòng): 就是讓當(dāng)前的元素左右兩邊都不存在浮動(dòng)元素的時(shí)候才把元素放到標(biāo)準(zhǔn)流匯中顯示.

clear: left;清除左浮動(dòng),

清除右浮動(dòng): clear: right;

清除左右浮動(dòng): clear:both;

常用的幾種清除浮動(dòng)的方法:

第一種為隔墻法: ?設(shè)置塊級(jí)元素clear:both; ? 第二種為綜合的clearfix的方法:

使用overflow進(jìn)行包裹所有的浮動(dòng)子元素,有誤傷.clearfix的使用場(chǎng)景: ?

1,父盒子要把所有的子盒子蓋住; ?

2,父盒子是包裹整行的div元素,需要前后進(jìn)行清除浮動(dòng). ? ?.

clearfix { display: table;} /*觸發(fā)bfc,div具有的包裹性*/

.clearfix:before, .clearfix:after { content:""; ?display:block; ?clear:both; ?height:0; ?visibility: hidden;} ? ?.clearfix {_zoom: 1}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容