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溢出：隐藏不起作用

回答

相关问题