css中什么是父元素高度塌陷 - 行业资讯 - 肥雀云

　　介绍

这篇文章将为大家详细讲解有关css中什么是父元素高度塌陷,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

首先得回答什么是父元素高度塌陷:

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

一下是举例说明:

& lt; p类=癰ox1"比; 　　类& lt; p=癰ox2"祝辞& lt;/p> 　　& lt;/p> & lt;风格类型=拔谋?css"比; 　　.box1 { 　　边界:10 px红色固体; 　　} 　　　　.box2 { 　　背景颜色:黄色; 　　宽度:100 px; 　　身高:100 px; 　　浮:左; 　　　　} 　　& lt;/style>

css中什么是父元素高度塌陷

既然新建一个均可以解决父元素高度坍陷问题,那就好办了,下面这些都可以创建一个黄东海:

<李>

根元素或其它包含它的元素

<李>

浮动(元素的浮动不是none)

<李>

绝对定位的元素(元素具有位置为绝对或固定)

<李>

内联块inline-blocks(元素具有显示:inline-block)

<李>

表格单元格(元素具有显示:表格单元,HTML表格单元格默认属性)

<李>

表格标题(元素具有显示:表标题,HTML表格标题默认属性)

<李>

块元素具有溢出,且值不可见是

<李>

显示:flow-root

虽然有这么多方法可用,可我们常用的就是<代码>溢出:隐藏> & lt; p类=癱ontainer"比; 　　类& lt; p=癰ox"祝辞& lt;/p> 　　& lt;/p>

。容器{
　　溢出:隐藏;
　　}
　　.box {
　　浮:左;
　　}

关于css中什么是父元素高度塌陷就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。