css崩塌 |css .cur

在HTML中，不管是行内元素还是块级元素，都有默认的高度。然而在CSS中，有些元素可能没有明确指定高度，而且某些情况下也无法获取到其父元素的高度。这就会导致元素的高度塌陷，出现CSS崩塌。

例如，在一个包含多个浮动元素的父容器中，如果没有为父容器指定高度，那么父容器的高度将是0，这时它的子元素将会因为没有足够空间而溢出。同样，在使用虚拟布局时，如果没有为布局容器明确指定高度，那么布局容器中的元素将看起来像没有被布局。

.container {
float: left;
}
.item {
float: left;
}

以上代码中，如果.container没有指定高度，它的高度将是0，.item元素将因为没有足够的空间而跑到浏览器外面。这时候需要使用一个简单的解决方法，为容器指定一个明确的高度。

.container {
float: left;
height: 100%;
}

这样.container的高度就会被设置为父容器的高度，这样可以避免CSS崩塌的问题。

总的来说，在CSS中及时设置明确的高度可以避免CSS崩塌问题的出现。