Question

基本上我正试图让分隔线运行到屏幕的右边缘（没有溢出）。

如果你看这里：http://gomysites.com并向下滚动到推特部分，你会看到我将推特面板设置为跑到屏幕的左边缘（无论大小）。

现在我想在右侧做同样的事情。如果您注意到博客帖子ID之间的灰色分隔符，则运行到屏幕的右边缘（无论大小），而不添加水平滚动条。

我尝试将分割器的css设置为与titter面板完全相反：

.widget_gomy_news .divider{
margin:30px -10000px 30px 0;
background:#f3f3f3;
height:30px;
float:right;
width:610px;
padding:0 10000px 0 0;
}

但是它增加了一个水平滚动条。所以我尝试添加溢出：隐藏;对身体。这删除了滚动条但我仍然可以用鼠标左右滚动所有内容。

任何人都有任何想法如何实现我的目标？或者我需要使用一些j来完成这项工作吗？

提前致谢。

Answer 1

只需删除-10000px右边距和10000px右边距即可。你需要什么呢？

Answer 2

在body元素上使用overflow-x: hidden。这将阻止水平滚动，但可能会在旧版IE中绊倒你 - 在IE8和Chrome中测试。

修改

您还可以编写一些jQuery来抓取Window视口的高度/宽度，如：$(window).height();，并相应地调整整个页面的“容器”div的大小。这样您就可以知道在“分频器”黑客中设置负值/位置边距时使用的数字。

Answer 3

我想我已经对它进行了分类。我将所有页面内容包装在div中并添加了隐藏的溢出（而不是正文）。这适用于除IE7之外的所有内容，但我可以为IE7做一个简单的工作。感谢所有的回复，杰夫让我走上正确的道路，谢谢。