高度塌陷与垂直外边距重叠的解决方式
高度塌陷意思是:文档流中父元素高度默认被子元素撑开,但子元素设置浮动以后,就会脱离文档流,导致子元素无法撑起父元素高度,父元素则会高度塌陷,父元素下的所有元素都会向上移动,导致页面布局混乱解决方式:1.为将元素的over-flow设置为一个非visible(默认)的值 over-flow:hidden;(元素内有相对定位时容易出问题)2.在高度塌陷的父元素最后添加一个空白div,这个div并没有浮动,所以可以撑开父元素高度,然后此div进行清除浮动,达到效果clear:both/left/right
原创
2021-03-12 19:37:57 ·
104 阅读 ·
0 评论