2017-02-15 48 views
-1

我沒有任何這方面的例子,但這真的不需要這個問題。是否有可能讓一個div可以左右滾動但不能上下滾動?我知道相對佈局既可以,固定也不會移動。製作一個固定的div水平滾動

  • 要求必須通過HTML和CSS完成。
+0

我想如果你讓div比屏幕寬度更寬,它會自動顯示滾動 –

+0

這是真的,但只有當它的絕對值,絕對值會向任何方向移動時。 – DrBrad

+0

我還沒試過,但如果你設置最大高度爲100vh,並使div大於容器,或者屏幕尺寸,它也可能與相對位置一起工作。但我目前沒有證據。溢出:隱藏將禁用滾動,藉此溢出:自動允許滾動。 –

回答

1

嘗試使用這一點,唯一的問題是它不適用於所有瀏覽器:

div { 
    position: sticky; 
} 
0

也許這有點太短了(但沒有更多的信息或標記,或的jsfiddle不能回答適用)

CSS

div { 
overflow-x: scroll; 
overflow-y: hidden; 
} 
+0

對帖子的評論更深入地解釋了它,但是我的措辭確實回答了這個問題。 – DrBrad