防止水平滚动条显示

Question

我想要有一个梯形形状在我的网站上，一切都很好我得到了形状，但我有一个奇怪的行为，这是这个水平滚动条：

我知道它来自哪里当我设置div的高度时将是梯形

这是我的代码：

.trapezoid {
  clip-path: polygon(0 32%, 100% 0, 100% 100%, 0 70%);
  background-color: #33cccc;
  width: 100%;
  height: 50vh;
  position: relative;
  max-width: 95vw;
}

<div class="trapezoid">
  <div class="circle">

  </div>
</div>

Answer 1

将其添加到正在进行水平滚动的div或正文：

overflow-x: hidden;

See more here