是否可以在不使用z-index的情况下制作一堆元素？

-1

我想使用z-index做一堆divs。为了做到这一点，我需要使用position：absolute; ...但问题是，宽度：100％;上，因为它重叠的父元素是否可以在不使用z-index的情况下制作一堆元素？

的宽度，我这里有像每个元素不能很好地工作......

//I'm using bootstrap css row-fluid to contain the dev 
<div class="row-fluid" style="position: relative;"> 
    <div id="elem1" style="width:100%; z-index:4; position: absolute;" ></div> 
    <div id="elem2" style="width:100%; z-index:3; position: absolute;" ></div> 
    <div id="elem3" style="width:100%; z-index:2; position: absolute;" ></div> 
    <div id="elem4" style="width:100%; z-index:1; position: absolute;" ></div> 
</div>

父内的元素会重叠母公司的宽度。如果任何人在这里有更好的想法如何解决这个混乱我真的很感激它..谢谢

来源

2016-09-30 victor

这个问题不清楚。请更具体一些。 –

任何其他方式来做一堆元素？..或者我将如何使100％宽度与位置：绝对......？这不会与其父母重叠WIDTH – victor

z-index只适用于定位元素。

所以绝对位置不是强制性的。

可以使用的z-index与

position:absolute
position:relative
position:fixed

来源

2016-09-30 08:32:00 Alexis

任何其他方式来制作一堆元素？或者我将如何使100％WIDTH与POSITION：ABSOLUTE ...？不会与其父母重叠WIDTH – victor

发布您的代码演示。我只回答你的第一个问题 – Alexis

-1

我想通了..我只是用左：0右：0到展开父div中的div，而不重叠父宽度。感谢评论和回答:-)

来源

2016-09-30 08:44:48 victor

你的意思是这样吗？

#elem1{ 
 
    background: #000; 
 
} 
 
#elem2{ 
 
    background: #e4ff00; 
 
} 
 
#elem3{ 
 
    background: #ffbc00; 
 
} 
 
#elem4{ 
 
    background: #ff8d00; 
 
} 
 
div{ 
 
    height: 30px; 
 
    top:0; 
 
} 
 
.relative-holder{ 
 
    margin-top: 30px; 
 
}

<div class="row-fluid" style="position: relative;"> 
 
    <div id="elem1" style="width:100%; z-index:4; position: absolute;" > 
 
    <div class="relative-holder" style="position:relative;"> 
 
    <div id="elem2" style="width:100%; z-index:3; position: absolute;" > 
 
     <div class="relative-holder" style="position:relative" > 
 
      
 
    <div id="elem3" style="width:100%; z-index:2; position: absolute;" > 
 
     <div class="relative-holder" style="position:relative" > 
 
     
 
    <div id="elem4" style="width:100%; z-index:1; position: absolute;" ></div> 
 
     </div> 
 
    </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    </div> 
 
</div>

来源

2016-09-30 08:54:40

是否可以在不使用z-index的情况下制作一堆元素？

回答

相关问题