在 chrome 瀏覽器上使用此代碼會給我一個帶有水平滾動條的 div
<div style="overflow-y: scroll;background:black;width:300px;height:100px;">
<div style="min-width: 1000px;"></div>
</div>
但不是在 Firefox 上,在 ff 上,如果內部 div 有一些內容,它只會有一個滾動條,
我想知道這是否是一個已知問題,如果有任何解決方法,謝謝。
uj5u.com熱心網友回復:
如果你給內部 div 一些高度,它將在 Firefox 中作業。我在右側添加了一個邊框,因此您可以看到它實際上是滾動的。您是對的,盡管這似乎是瀏覽器的怪癖。
請注意,這overflow-y是用于垂直滾動(y 軸)和overflow-x水平滾動(x 軸)。
<div style="overflow-x: scroll;background:black;width:300px;height:100px;">
<div style="min-width: 1000px;border-right:20px solid red;height:100%;"></div>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/483618.html
