Question

我为其中一个客户端建了一个测试html页面，我遇到了页面宽度的问题，我只是弄清楚是什么div导致整个页面的宽度滚动 horizontly。任何人都可以指出或提供任何帮助。我想停止滚动。测试页面的链接是enter link description here 感谢

Answer 1

这个元素：

<a title="Show next" id="next" href="#" style="display: block;" class="">
</a>

的宽度为50％，来自layout.css，第63行

#prev, #next {
 background-color: rgba(255, 255, 255, 0.698);
 display: block;
 height: 509px;
 position: absolute;
 top: 130px;
 width: 50%;  <--- here
}

Answer 2

您的下一个按钮宽度为50％。这是从其直接父母计算出来的，该父母恰好是身体标签。因此它最终成为浏览器窗口的50％。

快捷方式解决方案是在overflow-x: hidden代码上设置body。

Answer 3

只需删除：

right :-479px; from  #next

Answer 4

您将[{1}} width:50%;与您的身份#next和#prev合并。将width:auto;单独提供给#next。它会解决你的问题。：）

网页水平滚动[页面宽度问题]

4 个答案: