CSS溢出：隱藏不起作用

我被嘗試創建一個滑塊和滑塊工作，但只有一個部分不工作。CSS溢出：隱藏不起作用

「overflow:hidden」 這部分工作不

請告訴我什麼是我的代碼問題。我會更新這部分。

這是我的HTML：

<!-- Slider --><div class="slider-main"> 
<!-- <div class="container site-test_1"> --> 
    <img id="slider-imge1" class="img-responsive" src="images/slider-images/slide_image-001.jpg" alt="Please wait..."/> 
     <img id="slider-imge2" class="img-responsive" src="images/slider-images/slide_image-002.jpg" alt="Please wait..."/> 
     <img id="slider-imge3" class="img-responsive" src="images/slider-images/slide_image-003.jpg" alt="Please wait..."/> 
     <img id="slider-imge4" class="img-responsive" src="images/slider-images/slide_image-004.jpg" alt="Please wait..."/> 
     <img id="slider-imge5" class="img-responsive" src="images/slider-images/slide_image-005.jpg" alt="Please wait..."/> 
<!-- </div> --> 
</div> <!-- End Slider -->

這是我的CSS部分：

.slider-main{ 
    width:100%; 
    /* height:505px; */ 
    height:auto; 
    overflow:hidden !important; 
    position:relative; 
    z-index:1; 
} 


.slider-main img{ 
      width:100%; 
      max-height:500px; 
      overflow:hidden !important; 
}

來源

2015-10-05 Gourab Mazumder

您可以創建相關的代碼演示？ –

如果我在'.slider-main'上添加一個高度，它[似乎工作正常]（http://jsfiddle.net/880oa6sm/）。請告訴我們它是如何工作的。 –

white-space：nowrap; ？以保持IMG在一條線上也許....沒有足夠的代碼告訴你... –

我想你MAX-高度比slider-main div大。

瞭解詳細信息：http://www.w3schools.com/cssref/pr_pos_overflow.asp

來源

2015-10-05 07:45:41

它工作，但只有小平板電腦景觀（800x600），平板電腦肖像（768x1024），平板電腦景觀（1024x768）。 **它不適用於**移動肖像（320x480），移動橫向（480x320）小型平板電腦肖像（600x800） –

爲響應代碼使用自動寬度和高度。 –

嘗試把max-height: 500px上.slider-main代替：

.slider-main { 
    max-height: 500px; 
}

來源

2015-10-05 07:44:20 Jackson

謝謝，已解決問題 –

它正在工作，但只有小型平板電腦景觀（800x600），平板電腦肖像（768x1024），平板電腦風景（1024x768）。 **它不適用**移動肖像（320x480），移動景觀（480x320）小型平板電腦肖像（600x800） –

它正在工作，但只有小型平板電腦景觀（800x600），平板電腦肖像（768x1024），平板電腦景觀（1024x768）。 **它不適用於**移動肖像（320x480），移動景觀（480x320）小型平板電腦肖像（600x800） –

CSS溢出：隱藏不起作用

回答

相關問題