Wait_Myself的博客

原创 高度塌陷及其解决方法

高度塌陷:简单来说，就是包含含有浮动的元素的上一级的高度 变为0了，下面的元素会上去 高度塌陷出现的场景：当没有给父元素设置高度的时候，并且子元素有浮动的情况下，父元素会出现高度塌陷。 解决方案： 第1种：给高度塌陷的元素添加属性 overflow:hidden; 原理：因为 overflow:hidden;能够触发BFC（块级格式化上下文、独立的渲染区）。因为BFC的其中一个特性为：计算...