css使網站水平滾動

Question

有人可以確認我在這裏正確的道路。基本上我想要做的是允許用戶在頁面上水平瀏覽（以響應模式），如果需要的話。這將是正確的CSS來做到這一點：

padding-top: 0; 
width: auto; 
height: auto; 
border: 5px solid #fff; 
overflow-x: scroll; 
overflow-y: scroll; 
white-space: nowrap; 

Answer 1

爲了使一些水平滾動它examaple需要不破white-spaces或有min-width，因此設置不需要overflow: scroll;除非你想滾動條在那裏每時每刻。

使用white-space

.wrapper { 
 
    white-space: nowrap; 
 
}

<div class="wrapper"> 
 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
 
</div>

使用min-width

.wrapper { 
 
    min-width: 1500px; 
 
    background-color: lime; 
 
}

<div class="wrapper"> 
 
    bla bla bla bla 
 
</div>