網頁水平滾動[頁面寬度問題]

我有一個測試html頁面的客戶端之一，我有問題的頁面寬度，我只是無法弄清楚是什麼div導致整個寬度頁面滾動。任何人都可以指出或提供任何幫助。我想停止滾動。測試頁的鏈接是enter link description here 由於網頁水平滾動[頁面寬度問題]

來源

2012-09-26 Mr A

您的下一個按鈕的寬度爲'590 px'。 –

[驗證您的HTML。]（http://validator.w3.org/）我認爲，「雜散結束標籤div」錯誤是相關的。 – thirtydot

@thirtydot。完美這是div問題 –

此元素：

<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-26 11:22:07 wroniasty

如果我刪除寬度的箭頭按鈕將消失 –

我只是指着你爲什麼屏幕滾動（你問），而不是解決你的頁面佈局問題:) – wroniasty

你的下一個按鈕具有一個寬度的50％。這是從它的直接父母計算出來的，恰好是身體標籤。所以它最終成爲瀏覽器窗口的50％。

快捷方式是在body標記上設置overflow-x: hidden。

來源

2012-09-26 11:23:48 scoota269

只需卸下：

right :-479px; from #next

來源

2012-09-26 11:27:20 dean

你給width:50%;到您的ID #next並結合#prev。分別給width:auto;#next。它會解決你的問題。 :)

來源

2012-09-26 11:31:08

網頁水平滾動[頁面寬度問題]

回答

相關問題