不包含内容浮点数的div已被清除

Question

我有一堆div，我试图在这里组织。我遇到麻烦的人被给了一个红色边框和一个蓝色边框，他们假设一个接一个地出现。他们实际上是这样做的，红色先来，蓝色是第二个，但红色层中有几个div，而不是包含它们只是它们位于它们之上。

有漂浮的图层，但我认为我已经清除了这个名为clear-fix的div。主要包含div，带有插入框阴影的div有同样的问题，我用那个div修复了它，它现在正确地包含了它的所有层，所以我不确定它为什么不是也是这样做的红色层。求救！

http://jsfiddle.net/2TAaC/6/

Answer 1

请参阅更新的小提琴：

小提琴：http://jsfiddle.net/2TAaC/12/

演示：http://jsfiddle.net/2TAaC/12/embedded/result/

注意：您的图像不存在于蓝色边框div中，这就是为什么它不采用150px高度，这就是为什么我把高度150px;你只需将你的imahe放在蓝色边框div中并移除高度。它会起作用。

Answer 2

你所要做的就是...

<div id="level4" style="top: 0px; left: 0px; z-index: 4; position: relative;">

你可以在你的图形DIV中找到这个div。

演示：http://jsfiddle.net/2TAaC/10/