İçeriği ne olursa olsun, lightSlider yüksekliğini nasıl artırırsınız?

Question

Ben kullanarak ekrana div yüksekliği uygun yapabilirsiniz:

.myDiv{ 

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

} 

ben ışık kaymak için aynı kullanmayı deneyin

, işe yaramadı. Verdiğim yükseklik ne olursa olsun, kaydırıcı div içeriği yüksekliğini alıyor ancak tüm ekranı kaplamıyor. lightSlider için

Kodu: freestock yorumladığı gibi

<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>

, sen mutlak veya sabit pozisyon olması gerekir. Yeşil şimdi tüm sayfayı kapsar ve liste köşesi çok köşede gösterilir. Ayrıca, otomatik taşmayı da kaldırmalısınız.