【问题标题】:Stretch Container to Fit CSS Columns拉伸容器以适应 CSS 列
【发布时间】:2013-07-12 22:00:35
【问题描述】:

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

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

如何让容器完全包裹列?

附:我知道XY Problem,但这只是一种好奇。我不在乎实现示例中的布局。我确实关心找出为什么容器不拉伸以包裹其内容。

【问题讨论】:

  • 您能否将演示问题的您的代码直接发布到此问题中?
  • 在某些情况下,当您使用列时,某些浏览器很难计算元素的正确宽度(请参阅此问题:stackoverflow.com/questions/16600007/…)。绝对定位是在这个特定实例中破坏它的原因。
  • @cimmanon 就是这样!非常感谢。如果你把它写成答案,我很乐意接受 =)

标签: html css


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2010-11-02
    • 1970-01-01
    • 1970-01-01
    • 2015-07-20
    • 2013-08-22
    • 1970-01-01
    • 1970-01-01
    • 2014-07-21
    相关资源
    最近更新 更多