一般容器 - CSS水平滾動條問題

這是一個後續行動這一問題：
general container - IE8 horizontal scrollbar problem 一般容器 - CSS水平滾動條問題

我想創建一個float:left（或「位置：絕對」 - 同樣的問題）容器
那垂直約束（它具有固定的外部高度） - 因此它可能有一個垂直滾動條;
但（根據需要由容器的內容），可以水平生長，所以它永遠不會有水平滾動條

它在IE8，FF，Chrome瀏覽器正常工作（不IE7或更早）

的解決方案似乎是微不足道的
但我無法擺脫在FF或Chrome水平滾動條（IE8是OK）：

<div style="float: left; height: 20em; overflow-y: auto;" class="container-div"> 
    <div style="width: 30em; height: 30em; background-color: red;" class="example-content"></div> 
</div>

http://jsfiddle.net/slobo/pydsZ/

在這個例子中，我們需要一個20em高的容器，可以根據內容的需要水平增長（在這種情況下，「example-content」div）
請不要建議修改「example-content」 div，因爲它只是樣本內容（任何內容都可以在那裏）

修改overflow-y: auto到overflow-y: scroll解決了問題;但我想保持overflow-y: auto

來源

2011-04-05 slobo

如果你不想水平滾動條：

overflow-x: hidden

來源

2011-04-05 21:29:17

這個解決方案會隱藏一些內容，不是嗎？我不想隱藏任何內容，當然 – slobo 2011-04-05 21:56:24

我檢查它：這個解決方案隱藏了一些內容，所以這不是一個可接受的解決方案 – slobo 2011-04-05 22:00:29

集浮子的寬度一些固定值來修復它，如果它不工作設置爲100％

來源

2011-05-24 20:41:47 Hetneo

正如我在我的問題中所述，容器應該水平增長，根據內容的需要（所以沒有固定或100％的寬度） – slobo 2011-05-25 11:30:15

一般容器 - CSS水平滾動條問題

回答

相關問題