如何使用 CSS 使元素不撑高父元素?

如何使用 CSS 使元素不撑高父元素?

如何使元素不撑高父元素

在页面布局中,当父元素的高度由子元素决定时,可能会出现父元素被不希望撑开的子元素撑高的现象。以下提供了一个解决这个问题的纯 CSS 解决方案:

使用绝对定位

通过将不希望撑开父元素的子元素设置为绝对定位,可以将其脱离文档流,从而防止其影响父元素的高度:

.child {
  position: absolute;
}

示例

使用 JSFiddle 链接查看示例:

[JSFiddle 示例](https://jsfiddle.net/ABC123/)

以上就是如何使用 CSS 使元素不撑高父元素?的详细内容,更多请关注其它相关文章!