第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

關(guān)于bfc的問題. 應(yīng)該是bfc

關(guān)于bfc的問題. 應(yīng)該是bfc

.wraper{width:1200px;margin:0auto;}.left{float:left;}.right{float:right;}.left,.right{width:200px;height:200px;background:red;}ul{overflow:hidden;}這里一個(gè)疑問。1.為什么ul的寬會(huì)是800px?而不是1200?給ul設(shè)置寬為1200px的時(shí)候，ul為什么不會(huì)換行?overflow不是觸發(fā)了bfc不會(huì)和float重碟嗎？3.當(dāng)子元素含有float的時(shí)候，此元素是不是也觸發(fā)了bfc？
查看完整描述

2 回答

?
尚方寶劍之說

TA貢獻(xiàn)1788條經(jīng)驗(yàn) 獲得超4個(gè)贊

問題1：為什么ul的寬會(huì)是800px?而不是1200?
題主已經(jīng)說了，創(chuàng)建了新的BFC（establishesanewblockformattingcontext）的元素，不會(huì)與float重疊，因此。w3c的表述是：
Theborderboxofatable,ablock-levelreplacedelement,oranelementinthenormalflowthatestablishesanewblockformattingcontext(suchasanelementwith'overflow'otherthan'visible')mustnotoverlapthemarginboxofanyfloatsinthesameblockformattingcontextastheelementitself.
其中mustnotoverlap就是說不重疊了，所以u(píng)l在width為auto的默認(rèn)情況下，實(shí)際寬度比包含塊小。
問題2：給ul設(shè)置寬為1200px的時(shí)候，ul為什么不會(huì)換行?overflow不是觸發(fā)了bfc不會(huì)和float重碟嗎？
經(jīng)測試，在Firefox下不換行。但I(xiàn)E及Chrome下，都會(huì)認(rèn)為空間不足而換行。一般來說，Chrome和Firefox同作為現(xiàn)代瀏覽器，它們的兼容差異是很少的，像這種有差異的情況，可以認(rèn)為是w3c尚未詳細(xì)描述的邊緣細(xì)節(jié)。就這個(gè)具體問題來說，如果w3c的mustnotoverlap是字面意思的話，也只是說，目前Chrome和IE對(duì)這個(gè)地方實(shí)現(xiàn)地更正確一些，僅此而已。
問題3：當(dāng)子元素含有float的時(shí)候，此元素是不是也觸發(fā)了bfc？
建立新的BFC的條件：
視口提供的初始包含塊（根元素）
浮動(dòng)元素
絕對(duì)定位元素
display為inline-block、table-cell、table-caption的計(jì)算值的元素（行內(nèi)塊、表格標(biāo)題、單元格）
overflow不為visible的塊元素
所以，如果問題里的”元素“是指這個(gè)浮動(dòng)子元素的話，那就是“建立了新的BFC”。
查看完整回答
反對(duì) 回復(fù) 2019-04-21
?
鴻蒙傳說

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊

1.float并沒有脫離文檔劉所以也還是會(huì)占有空間所以u(píng)l只能是800因?yàn)閘eft和right分別是200的寬度2.給ul設(shè)置overflow只會(huì)對(duì)子元素出發(fā)bfc對(duì)他自己本身所在的文檔中是沒有影響的
查看完整回答
反對(duì) 回復(fù) 2019-04-21
  • 2 回答
  • 0 關(guān)注
  • 432 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)