强制浮动或绝对定位元素留“在流”与CSS

Question

我在寻找一种方法强制液浮或绝对定位元素留在在CSS的流动。我几乎想CSS是愚蠢没有像流程：在流量：关闭，以保持它的流量或把它拿出来。

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

我需要的图象，以便能够在尺寸上有所不同。我目前使用jQuery的解决方案，但它的作用了。因为我不喜欢调试，我觉得有 的应该是某种CSS的解决方案，我问。

任何人都知道我能做到这一点？

Answer 1

我通常与overflow: hidden或overflow: auto去。

Answer 2

而不是使用一个新的元件来清除在端部的div，可以添加这个到绝对的div CSS;

overflow: auto;

显然的IE喜欢，所以你需要的宽度提供给它也玩不同。我假设绝对div有一组宽度......所以你可以将其设置为宽度。

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

Answer 3

这可能会在您的情况工作黑客是具有明确的CSS属性设置的内容后剩下的添加您的DIV内的另一个元素“都”（或离开，因为你的形象在左边）。例如：

<br style="clear: both" />

这将迫使元件下方的浮动元件，其将拉伸内含div。