如何使用CSS解决浮动元素父元素的高度塌陷问题？（代码示例）
众所周知，像div，段落，文本等HTML元素会逐渐适应他们子元素的内容。但如果这些元素的子元素设置浮动，例：向右或向左漂浮，那么这些元素可能会崩溃，出现高度塌陷问题（如下示例）。下面本篇文章就来给大家介绍使用CSS解决父元素高度塌陷问题的方法，希望对大家有所帮助。【相关视频教程推荐：CSS教程】什么是浮动元素父级的高度塌陷问题？下面通过简单代码示例来了解浮动元素父级的高度塌陷问题。html代码：1
高度塌陷
什么是css的高度塌陷
在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当子元素设置浮动之后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。本教程操作环境：windows7系统、CSS3版、Dell G3电脑。如果父元素只包含浮动元素，且父元素未设置高度和宽度，那么它的高度就会塌缩为零，也就是所谓的“高度塌陷”。如果父级元素包含背景或者边框，那么溢出的元素就不像父级元素的一部分了。解决“高度塌陷”问题的方法：方案一：给父元素一个固定的高度缺点：给父元素固定
html如何解决高度塌陷问题
本章给大家介绍html如何解决高度塌陷问题。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。高度塌陷的问题：当开启元素的BFC以后，元素将会有如下的特性：1 父元素的垂直外边距不会和子元素重叠 开启BFC的元素不会被浮动元素所覆盖 开启BFC的元素可以包含浮动的子元素那么如何开启元素的BFC？ 设置元素浮动 设置元素绝对定位 设置元素为inline-blockfloat:left; (不好) 虽然可以撑开父元素 会导致父元素宽度丢失了；而且使用这种方式导致下