如何隐藏水平滚动条？

Question

以下是我的身体的CSS：

body{
margin: 0px;
width: 100vw;
height: 100vh;
}

我有一些div超出了右侧的视口（没有办法围绕它，这就是我的设计设置的方式）。 但是，我不想使页面水平滚动。

这是div延伸到视口之外的jsfiddle（红色条纹很长，并且jsfiddle没有得到适当的优化，因此在整个浏览器屏幕上的外观也不完全一样）， https： //jsfiddle.net/ gxk985kb /

我怎样才能根本不允许水平滚动？

Answer 1

尝试“ overflow-y：hidden;” 适用于#designWrapper。 这样，您可以删除水平滚动。

Answer 2

 <svg style="background-color: #dedede;" fill="red" width="400" height="200"> <path d="M 10 190 L 60 190 L 110 10 L 60 10 Z" /> <path d="M 70 190 L 120 190 L 170 10 L 120 10 Z" /> <path d="M 130 190 L 180 190 L 230 10 L 180 10 Z" /> <path d="M 190 190 L 240 190 L 290 10 L 240 10 Z" /> </svg> 

我认为您应该使用svg进行设计。 它更适合像这样的设计。 最小即10（-ms-ie9）支持CSS变换属性。