溢出x消失，但不应该

我有一个网站，不同的图片被放置在彼此相邻，所以我有一大排图片。这些图片在特定宽度后不可见。溢出x消失，但不应该

当我创建网站时，我可以使用overflow-x:visible;来显示滚动条。这是我需要的解决方案，也是我想要的。我刚刚更新了网站的内容，并看到滚动条在页面加载后消失。

问题是，没有人可以在没有滚动条的情况下访问右侧的图片。我如何强制浏览器始终显示滚动条？ overflow-x:scroll;没有工作。

HTML

<section class="scroll"> 
       <ul class="detail-images-list"> 
        <li> 
         <article class="image-detail"> 
          <img src="../bilder/gallery-10/1.jpg"> 
         </article> 
        </li> 
        <li> 
         <article class="image-detail"> 
          <img src="../bilder/gallery-10/2.jpg"> 
         </article> 
        </li> 
        <li> 
         <article class="image-detail"> 
          <img src="../bilder/gallery-10/3.jpg"> 
         </article> 
        </li> 
        <li> 
         <article class="image-detail"> 
          <img src="../bilder/gallery-10/4.jpg"> 
         </article> 
        </li> 
       </ul> 
      </section>

CSS

.scroll { 
overflow-x:scroll; 
overflow-y:hidden; 
height:51.5em; 
min-width:100%;

}

来源

2014-02-07 user3285007

您需要显示一些代码。你确定'overflow-x：visible'还在吗？ –

只需将代码添加到帖子:) – user3285007

.scroll { 
overflow-x:scroll; 
overflow-y:hidden; 
height:51.5em; 
min-width:100%; 
}

打开min-width到width。

如果不限制元素的宽度，它将随其内容一起增长，因此不需要滚动。

来源

2014-02-07 18:10:49

试过了，没有工作。容器的宽度会改变它的方式，但滚动条仍然无法访问 – user3285007

你能举一个实例吗？ –

http://benkreibich.de/detail/pig.php – user3285007

http://jsfiddle.net/4C3UQ/

检查这一项。我在其中添加了一些文字，以便您可以看到会发生什么。我使用overflow-x: auto;，以便浏览器在需要时自行完成。如果你现在把你的图片放在这里，它应该可以工作。

来源

2014-02-07 19:02:31 user1627363

溢出x消失，但不应该

回答

相关问题