css - 将三个 div 定位在一个 div 中，但它们重叠

Question

对不起，我没有其他方式来描述这件事，我已经沮丧地流下了眼泪，试图弄清楚如何让它停止。

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

黑色和灰色的div没有height属性，因为我不想把它们做成滚动框，我想让它们的高度随着文字的增多而增加。白色和红色的有，我发誓我已经检查了五十次以确保黑色或灰色 div 中没有高度属性。当我增加红色/白色 div 的高度时，黑色的也会变大。

好的，我想我已经提供了足够的细节，有没有办法解决这个问题？？我在谷歌上搜索了几个小时，但我就是想不通，我从不在某个地方发布问题，因为我总是在得到答案之前就想通了，但我很绝望。

Answer 1

确保您已清除灰色 div 之后的 float 。您可以执行如下操作:

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