HTML水平的作用吧

Question

我有一个HTML网格，我想把它可以移动asside不动，整个页面的容器，像这里面：

如何我的任何想法可以做到吗？

Answer 1

三个步骤：

1. 套用width到容器。
2. 防止white-space包装。
3. 使overflow-x水平滚动。

HTML：

<div class="scroll-horizontal"> 
    This is some content that needs to be scrolled horizontally. 
</div> 

CSS：

.scroll-horizontal { 
    width:300px; 
    white-space:nowrap; 
    overflow-x:scroll; 
} 

Try it online!

Answer 2

给它一个CSS类e.x. .scroll-x和我CSS文件做：

.scroll-x { 
    overflow-x: scroll; 
} 

它以任何方式帮助你吗？

Answer 3

将其放入容器中。最好使用div元素。然后，您需要给容器一个固定的宽度，以便其宽度不会缩放（对于水平滚动条是必需的）。

然后应用：

overflow-x: scroll; 

您的容器来进行所有的水平溢出固定宽度的滚动能。