如何增加lightSlider高度而不考慮其內容？

Question

我可以通過使DIV高度適合屏幕：

.myDiv{ 

position: fixed; 
     top: 0; 
     left: 0; 
     bottom: 0; 
     right: 0; 
     overflow: auto; 
     background: lime; /* Just to visualize the extent */ 

} 

當我嘗試使用相同的輕滑，也沒有工作。無論我給出的高度如何，滑塊都會佔用div內容的高度，但不會覆蓋整個屏幕。

代碼lightSlider：

<div data-role ="content"> 
      <ul id="light-slider"> 
       <li> 
        <div align="center"> 
         <img src="img/Welcome to.png" width="100" height="10" /> 
        </div> 
        <div align="center"> 
         <img src="img/scrup.png" width="200" height="250" /> 
        </div> 
        <div align="center"> 
         <img src="img/Dots.png" width="80" height="10" /> 
        </div> 
       </li> 
       </ul> 
     </div> 

Answer 1

<div data-role ="content" class="a"> 
 
      <ul id="light-slider" class="a"> 
 
       <li> 
 
        <div align="center"> 
 
         First div 
 
        </div> 
 
        <div align="center"> 
 
         Second div 
 
        </div> 
 
        <div align="center"> 
 
         Third div 
 
        </div> 
 
       </li> 
 
       </ul> 
 
     </div> 
 
<style> 
 
.a{ 
 

 
position: absolute; 
 
     top: 0; 
 
     left: 0; 
 
     bottom: 0; 
 
     right: 0; 
 
     background: lime; /* Just to visualize the extent */ 
 

 
} 
 
</style>

由於freestock評論，你需要有一個絕對的或固定的位置。綠色現在覆蓋整個頁面，列表點顯示在角落。另外，您應該刪除自動溢出。