如何隱藏水平滾動條？

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變換屬性。