讓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跑到屏幕的右側

回答

相關問題