css - 不包含 float 内容的 div 已被清除

标签 css html css-float z-index

我有一堆 div,我想在这里组织。我遇到麻烦的那些被赋予了红色边框和蓝色边框,它们应该一个接一个地出现。他们确实这样做了,首先是红色,其次是蓝色,但是红色层中有几个 div,它没有包含它们,而是位于它们之上。

有 float 层,但我想我已经用一个名为 clear-fix 的 div 清除了它。主包含 div,带有插入框阴影的那个有同样的问题,我已经用那个 div 修复了它,它现在正确地包含了所有层,所以我不确定为什么它不对红色也这样做层。请帮忙!

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

最佳答案

你所要做的就是......

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

您可以在图形 DIV 中找到此 div。

enter image description here

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

关于css - 不包含 float 内容的 div 已被清除,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9747171/

相关文章:

css - 考虑到文本节点,第一个 child 是否有 CSS 选择器?

html - 如何像横幅一样在html中写垂直文本?

css - Img-缩略图不保持纵横比

javascript - Canvas 地球在 12 次迭代后停止在 "spinning"。

html - 如果前一个兄弟 float ,则 Flex 容器溢出

jquery - jQueryUI 图标中是否存在 CSS 错误

html - 如何在链接内设置没有下划线装饰的 CSS 伪元素的样式?

html - css flex 2x2 网格全屏居中 ImageView 裁剪

javascript - 为什么 slider 是开放空间中的事件链接?

css - 仅为父容器而不是祖先清除 float ?