版心的概念:

就是網(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}