Css 让div运行到屏幕右侧

基本上，我试图让一个分隔符运行到屏幕的右边缘（没有溢出）

如果你看这里：并向下滚动到twitter部分，你会看到我已经将twitter面板设置为运行到屏幕的左边缘（无论大小）

现在我想在右边做同样的事情。如果你注意到博客帖子之间的灰色分隔符，我会像这样跑到屏幕的右边缘（不管大小），而不添加水平滚动条

我尝试将分隔符的css设置为与标题面板完全相反：

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

但它添加了一个水平滚动条。所以我尝试添加溢出：隐藏；给身体。这会移除滚动条，但我仍然可以用鼠标左右滚动所有内容

有人知道我该如何实现我的目标吗？或者我需要使用一些js来完成这项工作

---

提前谢谢。

只要去掉-10000px的右边空白和10000px的右边填充，它就可以工作了。你需要它做什么？

在body元素上使用

overflow-x:hidden

。这将阻止水平滚动，但可能会绊倒你在旧版本的IE-在IE8和Chrome测试

编辑：

---

您还可以编写一些jQuery来获取窗口视口的高度/宽度，如：

$（Window.height（），并相应调整整个页面的“容器”div的大小。这将让你知道你正在使用什么数字来设置“除法器”破解中的负/位置边距。
我想我已经对它进行了排序。我将所有页面内容包装在一个div中，并将溢出隐藏添加到该div中（而不是正文）。这在除IE7之外的所有方面都有效，但我可以为IE7做一个简单的工作。感谢所有的回复，Jeff让我走上了正确的道路。谢谢。
你能给我们举一个你已经得到的例子吗？然后，我们可能会看到问题，并尝试使用Firebug在一个实时页面上解决它。我现在就按我的要求设置分隔符。。。你会注意到它在页面上添加了一个水平滚动条（我不想要）。如果我删除边距+填充，它会是这样的：（不正确）我想要它是这样的：分隔符运行到屏幕右侧的边缘（没有溢出）。就像左边的twitter面板一样。如果我在正文中添加“overflow-x:hidden”，我没有水平滚动条（FF和Chrome）。哦，很抱歉，Kau在我发布答案之前没有看到你的评论。是的，我已经尝试过了，是的，它确实删除了水平滚动条，但我仍然可以用鼠标左右滚动。嗯，这很奇怪。在Chrome中不会出现鼠标侧滚，但在IE/FF中会出现。但是，如果用户（具有4D滚轮并且不小心向一侧滚动）可以使用鼠标水平滚动，会出现什么问题？