溢出：隐藏隐藏在网页上的所有内容

我正在尝试在网页中制作滑块，但溢出：隐藏是隐藏“所有内容”，而不是隐藏屏幕中显示的内容。我需要将图像对齐，并将屏幕上出现的所有内容隐藏起来。我的小提琴这里：溢出：隐藏隐藏在网页上的所有内容

HTML 
    <div> 
    <ul> 
     <li><img src="http://b-i.forbesimg.com/geristengel/files/2013/05/i-ella-fashion-closet.jpg" class="imgs"/></li> 
     <li><img src="http://cdn.playbuzz.com/cdn/2bff0e00-cbe8-49e5-85d4-7e4c052df449/f097abfe-d3d6-42c5-9768-11616bc985e2.jpg" class="imgs"/></li> 
     <li><img src="http://www.lakecityphotography.com/design/images/fashion.jpg" class="imgs"/></li> 
     <li><img src="http://www.thefashionhall.com.br/wp-content/uploads/2012/12/hnjh.jpg" class="imgs"/></li> 
    </ul> 
    </div>

CSS：

ul{ 
    list-style:none; 

} 

li{ 

    position:absolute; 
} 

.imgs{ 
    height:130px; 
    width:180px; 
    float:left; 
} 

div{ 
    overflow:hidden; 
    position:relative; 
}

小提琴： https://jsfiddle.net/mkv9x2fg/2/

来源

2015-07-11 anuseranother

您已将'overflow：hidden'添加到div，所以一切伸出div的内容都将被隐藏。一切按预期工作。如果这不是你想要的，图像应该是可见的，那么删除该规则。 – zeroflagL

谢谢，但如果你告诉我应该如何让它溢出，那会更有帮助：隐藏工作正常......我需要将图像对齐，并且屏幕上的所有内容都将隐藏起来。 – anuseranother

如果“屏幕上出现的所有内容都隐藏起来”是您说“无滚动条”的方式，那么将该规则应用于“body”或给出div高度。如果图像应该对齐，那么我不得不问如何以及什么？ – zeroflagL

尝试从li

ul { 
 
    list-style: none; 
 
    white-space:nowrap; 
 

 
} 
 

 
li { 
 
    display:inline-block; 
 
    
 
    } 
 

 

 
.imgs { 
 
    height: 130px; 
 
    width: 180px; 
 

 

 
} 
 
div { 
 
    overflow: hidden; 
 
    position: relative; 
 
}

<div> 
 
    <ul> 
 
    <li> 
 
     <img src="http://b-i.forbesimg.com/geristengel/files/2013/05/i-ella-fashion-closet.jpg" class="imgs" /> 
 
    </li> 
 
    <li> 
 
     <img src="http://cdn.playbuzz.com/cdn/2bff0e00-cbe8-49e5-85d4-7e4c052df449/f097abfe-d3d6-42c5-9768-11616bc985e2.jpg" class="imgs" /> 
 
    </li> 
 
    <li> 
 
     <img src="http://www.lakecityphotography.com/design/images/fashion.jpg" class="imgs" /> 
 
    </li> 
 
    <li> 
 
     <img src="http://www.thefashionhall.com.br/wp-content/uploads/2012/12/hnjh.jpg" class="imgs" /> 
 
    </li> 
 
    </ul> 
 
</div>

取出的位置绝对

编辑：使li内嵌块和设置div隐藏溢出。

这是有点不清楚OP是试图做什么。

来源

2015-07-11 20:48:47

那么这种方式隐藏不工作...'https：//jsfiddle.net/mkv9x2fg/3/' – anuseranother

我现在编辑了问题。 – anuseranother

你先生帮了我很多，谢谢！ – anuseranother

尝试设置div宽度，如width：200px; heigth：auto：max-height：500px;

来源

2015-07-11 20:50:52 user5106680

溢出：隐藏隐藏在网页上的所有内容

回答

相关问题