我在容器中有十个内容分区,我需要它们重叠但我还需要内容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;
}
答案 0 :(得分:0)
所以你的解决方案是:
保持容器(父级)响应内容(子级)的height
。
隐藏div不会真正影响文档的流程,而display:none
将完全从文档流中删除内容,直到需要为止。
干得好