兩個(gè)相鄰的div元素產(chǎn)生margin重疊問(wèn)題。margin重疊問(wèn)題既然是BFC導(dǎo)致的，那為什么賦予一個(gè)div overflow:hidden;屬性，還是會(huì)出現(xiàn)margin重疊問(wèn)題。使元素產(chǎn)生BFC的方法不是有設(shè)置元素屬性：1.float: left | right | both;2.overflow: hidden | auto | scroll;3.display: table-cell | inline-block | table-caption;4.position: absolute | fixed;四種方法嗎？我試了下我目前我遇到的情況，只有 float、display: table-caption | inline-block以及position可以解決。overflow和display:table-cell屬性為什么不行？
1 回答
aluckdog
TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超7個(gè)贊
overflow是溢出的，假如說(shuō)overflow是auto，然后你的盒子都是float：left,width:無(wú)限寬，那樣的話就會(huì)一直橫排排列，瀏覽器的BFC就會(huì)被打亂。
display:table-cell是屬性指讓標(biāo)簽元素以表格單元格的形式呈現(xiàn)，類(lèi)似于td標(biāo)簽，就是把盒子變成一個(gè)個(gè)的格子，意思是說(shuō)打亂了父級(jí)盒子的BFC
- 1 回答
- 0 關(guān)注
- 608 瀏覽
添加回答
舉報(bào)
0/150
提交
取消