課程
/前端開發(fā)
/HTML/CSS
/企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)
為什么不加overflow背景的藍(lán)色出不來
2015-05-11
源自:企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn) 2-6
正在回答
清除浮動(dòng)的原理就是生成Block Formatting Context("塊級(jí)格式化上下文")從而撐開被浮動(dòng)影響的元素。
生成BFC的方法有:
1、根元素
2、float屬性不為none
3、position為absolute或fixed
4、display為inline-block, table-cell, table-caption, flex, inline-flex
5、overflow不為visible
雖然沒看到你的代碼,但是你把overflow去掉了也就不能清除浮動(dòng)了。
貼一下網(wǎng)上最新的清除浮動(dòng)的代碼
.mainBox{width:960px;} .leftBox{width:640px;height:300px;float:left;} .rightBox{width:210px;height:300px;float:right;} .clearfix:after?{? ????content:"\200B";? ????display:block;? ????height:0;? ????clear:both;? }? .clearfix?{*zoom:1;}/*IE/7/6*/? <div?class="mainBox?clearfix"> ????<div?class="leftBox">lffflf</div> ????<div?class="rightBox">riririr</div> </div>
想深入了解的百度“clearfix清除浮動(dòng)進(jìn)化史”。
舉報(bào)
本課程重點(diǎn)介紹HTML/CSS實(shí)現(xiàn)常見企業(yè)網(wǎng)站布局的方法
1 回答為啥藍(lán)色的背景出不來?
2 回答logo的背景色顯示不出來
1 回答為什么背景不直接設(shè)置背景色?
2 回答為什么只顯示em背景只顯示藍(lán)色
1 回答為什么背景色沒有顯示?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-05-18
清除浮動(dòng)的原理就是生成Block Formatting Context("塊級(jí)格式化上下文")從而撐開被浮動(dòng)影響的元素。
生成BFC的方法有:
1、根元素
2、float屬性不為none
3、position為absolute或fixed
4、display為inline-block, table-cell, table-caption, flex, inline-flex
5、overflow不為visible
雖然沒看到你的代碼,但是你把overflow去掉了也就不能清除浮動(dòng)了。
貼一下網(wǎng)上最新的清除浮動(dòng)的代碼
想深入了解的百度“clearfix清除浮動(dòng)進(jìn)化史”。