css - 使用 CSS 强制浮动或绝对位置元素保持“流动”

Question

我正在寻找一种方法来强制浮动或绝对定位的元素留在 css 中的流中。我几乎认为css是愚蠢的，因为没有像 flow:on flow:off 这样的东西来保持它在流中或取出它。

问题是我想要一个高度可变的 div 元素，我在 div 的左侧有一个浮动图像，并且我希望 div 至少是图片的高度。我还希望它至少足够大以容纳流中的所有文本（这显然不是问题）。

我需要图片能够改变大小。我目前正在使用 jQuery 解决方案，但它正在发挥作用。因为我不想调试，我觉得应该有某种 CSS 解决方案，我在问。

有谁知道我该怎么做？

score 2 · Accepted Answer

2

我通常选择overflow: hiddenor overflow: auto。

于 2009-06-25T13:40:36.333 回答

score 1 · Accepted Answer

您可以将其添加到绝对 div css 中，而不是使用新元素来清除最后的 div；

overflow: auto;

显然IE 喜欢以不同的方式播放，因此您也需要为其提供宽度。我假设绝对 div 有一个设定的宽度......所以你可以将它设置为那个宽度。

.abs-div {
    position: absolute;
    overflow: auto;
    width: 160px; /* Replace with your width */
}

score 0 · Accepted Answer

一个可能适用于您的情况的技巧是在您的 div 中添加另一个元素，然后将 CSS clear 属性设置为“both”（或左，因为您的图像在左侧）的其余内容。例如：

<br style="clear: both" />

这将强制浮动元素下方的元素，这将拉伸包含的 div。

3 回答 3