让div跑到屏幕的右侧

基本上我试图让一个分频器跑到屏幕的右边缘（没有溢出）。让div跑到屏幕的右侧

如果你看这里：http://gomysites.com并向下滚动到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来完成这项工作？

在此先感谢。

来源

2011-01-24 Alex gomy

你能为我们提供一个你已经拥有的例子吗？然后，我们可能会看到问题并尝试使用Firebug在实时页面上解决问题。 – 2ndkauboy 2011-01-24 16:59:16

我已将上面的链接添加到相关网页。我会设置分隔线，因为我现在想要它...你会注意到它增加了一个水平滚动到页面上（我不想）。 – 2011-01-24 17:03:07

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

来源

2011-01-24 17:08:19 2ndkauboy

如果我删除了margin + padding，它会看起来像这样：http://gomysites.com/1.jpg（这不正确）我想要的样子是：http://gomysites.com/2.jpg分频器运行到右边屏幕的边缘（没有溢出）。就像Twitter小组在左边那样。 – 2011-01-24 17:13:13

在身体元素上使用overflow-x: hidden。这会阻止水平滚动，但可能会让你在IE的旧版本中跳跃 - 在IE8和Chrome上测试。

编辑：

你也可以写一些jQuery的抢像窗口视口的高度/宽度：$(window).height();和大小你的整个页面的“容器”分区相应。这可以让你知道你在用什么数字来设置你的“divider”黑客中的负值/位置边距。

来源

2011-01-24 17:53:16

我想我已经整理了它。我将所有的页面内容都封装在一个div中，并添加了隐藏的内容（而不是主体）。这在除IE7以外的任何工作，但我可以做一个简单的IE7工作。感谢所有的答复，杰夫寄给我正确的道路谢谢。

来源

2011-01-24 19:08:15

让div跑到屏幕的右侧

回答

相关问题