本章给大家介绍html如何解决高度塌陷问题。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。高度塌陷的问题：当开启元素的BFC以后，元素将会有如下的特性：1 父元素的垂直外边距不会和子元素重叠开启BFC的元素不会被浮

表现例如：HTML：<div class="first"><div class="first-child1">first-child1<div><div

1. 高度塌陷在文档流中，父元素的高度默认被子元素撑开，也就是说子元素多高，父元素就多高。但是， 当为子元素设置浮动后，子元素会完全脱离文档流。此时，将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。由于父元素的高度塌陷了，则父元

浮动元素使其父元素高度塌陷我们经常会遇到一种情况，给一个元素设置浮动之后 float:leftright;，如果该元素的父元素有背景颜色，那么会发现父元素的背景颜色消失了；如果父元素有一个边框，那么浮动元素无法将边框撑开。从以上两张图中可