兩個相鄰的div元素產生margin重疊問題。margin重疊問題既然是BFC導致的，那為什么賦予一個div overflow:hidden;屬性，還是會出現margin重疊問題。使元素產生BFC的方法不是有設置元素屬性：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貢獻1847條經驗 獲得超7個贊
overflow是溢出的，假如說overflow是auto，然后你的盒子都是float：left,width:無限寬，那樣的話就會一直橫排排列，瀏覽器的BFC就會被打亂。
display:table-cell是屬性指讓標簽元素以表格單元格的形式呈現，類似于td標簽，就是把盒子變成一個個的格子，意思是說打亂了父級盒子的BFC
- 1 回答
- 0 關注
- 610 瀏覽
添加回答
舉報
0/150
提交
取消