gpt4 book ai didi

html - 拉伸(stretch)容器以适合 CSS 列

转载 作者:行者123 更新时间:2023-11-28 12:42:31 24 4
gpt4 key购买 nike

我在使用 CSS columns 属性时遇到问题。也就是说,我似乎无法让围绕它们的容器拉伸(stretch)到列的宽度,如下所示:http://jsfiddle.net/niaconis/43k5s/5/

看起来很像 float 的类似问题,只是水平而不是垂直,但伪元素 clearfix 对此没有帮助。

如何让容器将列完全包裹起来?

附言我知道 XY Problem ,但这仅仅是一种好奇。我不关心从示例中实现布局。我很想知道为什么容器不能拉伸(stretch)来包裹它的内容。

最佳答案

您的元素的绝对定位导致浏览器在使用 columns 属性时错误地计算它应该有的宽度。将其移除,元素将按应有的方式拉伸(stretch)。

关于html - 拉伸(stretch)容器以适合 CSS 列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17602373/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com