【问题标题】:How to position an element at the bottom of a div which has height and over-flow:auto如何将元素放置在具有高度和溢出的 div 底部:auto
【发布时间】:2010-10-22 04:21:19
【问题描述】:

这是我的情况,我有一个具有 height:400px 和 overflow:auto 的 div,当内容长于 400px 时会滚动。在这个 div 里面我有 2 个 div。一个普通的高度未知,另一个具有绝对定位,锚定到底部:0px;

只要没有滚动条且高度低于 400 像素,一切正常。但是一旦我们得到滚动条,就会出现问题。

这就是问题所在,我希望绝对 div 根据 div 内容的真实高度而不是 400px 定位。我希望它始终位于底部滚动条位置的底部,而不仅仅是视觉零底部。

有没有人可以解释一下?

【问题讨论】:

    标签: css


    【解决方案1】:

    如何将两个内部 div 与另一个“最小高度”为 100%(以及“相对”的“位置”以使其成为绝对定位 div 的偏移父级)的另一个内部 div 包装起来? Chrome 中的快速测试表明这可能有效。

    IE6 可能有点棘手(如果您需要支持它),因为它不支持“最小高度”。不过,您可以通过 IE6 特定的 CSS hack 获得“高度”来为您执行此操作,因为 IE6 似乎将“高度”视为“最小高度”。

    【讨论】:

    • ie6 实际上确实像 min-height 一样对待高度
    • 这个技巧很有魅力。非常感谢您今天保存了我的 as*。
    猜你喜欢
    • 1970-01-01
    • 2013-07-25
    • 1970-01-01
    • 1970-01-01
    • 2023-04-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多