Svipqc的博客

CSS中解决高度塌陷（BFC）的方法 高度坍塌：在流式布局中十分常见，当父元素没有高度，子元素设置了float时。导致元素脱离文档流。 原因：子元素脱离文档流，无法撑开父元素 运行 原因：第一个父元素没有设置高度，子元素设置浮动，导致高度被撑开 解决最佳方案：哪个块高度塌陷直接加入即可，既可以解决高度塌陷问题，又可以解决外边距重叠问题。 .clearfix::before, .clearfix::after{ content:""; display:table; clear: both; } 缺点