如何使元素不撑高父元素
在页面布局中,当父元素的高度由子元素决定时,可能会出现父元素被不希望撑开的子元素撑高的现象。以下提供了一个解决这个问题的纯 CSS 解决方案:
使用绝对定位
通过将不希望撑开父元素的子元素设置为绝对定位,可以将其脱离文档流,从而防止其影响父元素的高度:
.child {
position: absolute;
}
示例
使用 JSFiddle 链接查看示例:
[JSFiddle 示例](https://jsfiddle.net/ABC123/)
以上就是如何使用 CSS 使元素不撑高父元素?的详细内容,更多请关注其它相关文章!