溢出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消失，但不應該

回答

相關問題