在没有绝对的情况下覆盖Ddivs?

时间:2013-10-18 15:14:27

标签: css

我在容器中有十个内容分区,我需要它们重叠但我还需要内容div来保留父div的子代,因为我需要容器div来跟随它们的高度。

内容div目前位于屏幕外,而它们所在的容器有溢出:隐藏;并将由外部jquery脚本调用。

我已经按照1-10的数字顺序对每个div进行z索引。

有没有办法实现这个目标?这是我用于十个内容div的主要类,

.panel {
   width:85%;
   padding:2%;
   margin:3%;
   right:-100%;

       position: relative;
   z-index:100;

       color: white;
   background: #2F2F2F;

       -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
   box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
   border-radius: 1% 1% 1% 1%;
   border-radius: 5px;
}

1 个答案:

答案 0 :(得分:0)

所以你的解决方案是:

保持容器(父级)响应内容(子级)的height。 隐藏div不会真正影响文档的流程,而display:none将完全从文档流中删除内容,直到需要为止。
干得好