在div中定位三个div,但它重叠

时间:2012-12-31 12:08:58

标签: css position css-float

对不起,我没有别的办法可以形容这一点,我沮丧地试图弄明白如何让它停下来。

我正在努力使我的图像http://i.imgur.com/nyLeL.png中的黑色div增加其宽度与灰色div而不是灰色div重叠。红色的只是图像的占位符,忽略它。

黑色和灰色div没有height属性,因为我不想将它们变成滚动框,我希望它们的高度随着文本的数量而增加。白色和红色的确如此,我发誓我已经检查了五十次以确保黑色OR灰色div中没有​​高度属性。当我增加红色/白色div的高度时,黑色也会变大。

好的我觉得我已经提供了足够的细节,有没有办法解决这个问题?我用谷歌搜索了几个小时,我无法弄明白这一点,我从来没有在地方发布问题,因为在我得到答案之前我总是想出来但是我很绝望。

2 个答案:

答案 0 :(得分:0)

您的代码需要为您提供准确的解决方案,但我希望this jsfiddle能够让您了解如何实现此效果以及您可能缺少的内容。

如果您可以提供代码,那么也许可以提供准确的解决方案。

答案 1 :(得分:0)

确保在灰色div之后清除浮动。您可以执行以下操作:

<div style="clear:both"></div>