0

我为其中一个客户端构建了一个测试 html 页面，我遇到了页面宽度问题，我只是无法弄清楚是什么 div 导致整个页面的宽度水平滚动。任何人都可以指出或提供任何帮助。我想停止滚动。测试页面的链接在这里输入链接描述 谢谢

4

4 回答 4

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
}
于 2012-09-26T11:22:07.710 回答
1

您的下一个按钮的宽度为 50%。这是从它的直接父级计算出来的，它恰好是身体标签。所以它最终占据了浏览器窗口的 50%。

快捷的解决方案是overflow-x: hidden在body标签上设置。

于 2012-09-26T11:23:48.490 回答
1

只需删除：

right :-479px; from  #next
于 2012-09-26T11:27:20.640 回答
1

你给width:50%;你的 id#next和#prev组合。width:auto;分别给#next。它会解决你的问题。:)

于 2012-09-26T11:31:08.157 回答