问阻止水平滚动条显示
EN

Stack Overflow用户

提问于 2019-03-27 07:49:57

回答 1查看 97关注 0票数 0

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

当我将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>

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-27 07:56:19

将此代码添加到生成水平滚动的div中，或添加到正文中：

overflow-x: hidden;

See more here

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55367800

复制

相似问题

问阻止水平滚动条显示
EN

回答 1

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问阻止水平滚动条显示EN

回答 1

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问阻止水平滚动条显示
EN