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>