製作不具有內容一個div水平滾動

<div id="dummyHorizontalDiv" style="height:16px !important;width: 550px;overflow-x:auto;overflow-y:hidden;"> 
     <div id="dummyScrollArea" style="width: 750px;"> 
     </div> 
</div>

我想要得到div水平滾動條與id=dummyHorizontalDiv但由於在所述內的div沒有內容（儘管其寬度小於外層的div的多），我沒有得到水平滾動條。製作不具有內容一個div水平滾動

請幫我解決這個問題。

來源

2011-12-07 user1083472

您的代碼對我的作品，我看到了水平滾動條：http://jsfiddle.net/uZ4Yw/1/ – xbonez

它爲我的作品...你能解釋一下你實際上是想達到什麼目的？另外，添加「overflow-x：scroll」。對於dummyHorizontalDiv，它將強制滾動條顯示不管 – ComputerSaysNo

@xbonez大聲笑，幾乎在同一時間，10秒的差異（： – ComputerSaysNo

您確實有滾動條，但您的dummyHorizontalDiv實際上太短而無法顯示它們 - 如果瀏覽器的滾動條大於滾動的元素，它們將不會繪製滾動條。將您的16像素高度更改爲30像素，您會看到滾動條出現。

來源

2011-12-07 03:52:40

給div#dummyScrollArea一些高度。

來源

2011-12-07 03:49:15 Xavura

嘗試顯示：塊 - 如果不指定，寬度和高度是一種「建議」在CSS的世界

在這裏看到：http://laughingsquid.com/wp-content/uploads/css-is-awesome-20090407-142244.jpg

來源

2011-12-07 04:54:46

你已經做2在你的代碼修改，使該工作，這些都是：

增加外DIV（#dummyHorizontalDiv）的高度，因爲目前的高度（16像素）是不夠的，顯示滾動條。
將一些高度設置爲內部DIV（#dummyScrollArea）。

調整的代碼塊在下面指定，檢查一次，然後讓我知道如果仍然不適合你。

<div id="dummyHorizontalDiv" style="height:30px !important;width: 550px;overflow-x:auto;overflow-y:hidden; border: 1px solid red;"> 
    <div id="dummyScrollArea" style="width: 750px; height: 100%;"> 
    </div> 
</div>

來源

2011-12-07 05:41:50 Siva

製作不具有內容一個div水平滾動

回答

相關問題