是否可以在不使用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的情況下製作一堆元素？

回答

相關問題