水平滾動條問題

我爲所有主div設置了width爲100％，但仍然存在水平滾動條。無法解決這個問題。如何刪除它？我不知道它爲什麼出現。請看看我的測試頁。 http://aquastyle.az?lang=en 水平滾動條問題

來源

2011-09-25 Tural Ali

您的測試頁未打開。請修復它或張貼一些代碼和/或小提琴。 – Sparky

這是大量的代碼來挖掘。也許你可以在你的問題中發佈相關部分。 – Sparky

好的。 thx for「help」 –

我無法打開測試頁，但這通常是在填充，陰影或應用於100％寬度元素的邊框導致其渲染寬度超過100％時引起的。

沒有看到頁面，我只能給出以下通用建議：這可以通過刪除導致問題或減少寬度的樣式屬性來解決，直到問題消失。

編輯：

看着你的頁面後，你似乎沒有你說的有問題。你只是有太多（太大/寬）的內容並排。當我使瀏覽器的窗口寬度大約爲1700像素時，水平滾動條消失。與編程相比，這是佈局差的問題。

EDIT 2（根源/溶液）：

看來，OP的PHP程序計算「顯示」寬，並相應地將內容設置。問題是「瀏覽器窗口」的寬度與「顯示」寬度不一樣。我的顯示器寬1680像素，OP的PHP程序正確報告。當然，我的瀏覽器窗口不是1680像素寬，更像是1000-1200像素，所以當我使瀏覽器窗口超過1680像素時，我得到一個長的水平滾動條，它會消失。考慮到垂直滾動條的寬度，實際上爲了讓水平滾動條消失（對於我來說，總共大約爲1700像素），實際上必須使瀏覽器窗口比顯示屏寬大約20個像素。我想象OP可以通過查看瀏覽器的「視口」（窗口）寬度而不是計算機的「顯示」寬度來解決這個問題。

來源

2011-09-25 00:46:24 Sparky

@ L0rdDEVdem0rt，評論應保持在最低限度和主題。 – Sparky

您正在使用哪個瀏覽器？有js獲取寬度和高度並將其發送到php。 –

@ L0rdDEVdem0rt，我在Mozilla和Webkit瀏覽器中看到了同樣的情況。如果用戶可以將他的窗口製成大約1700像素的寬度，則沒有水平滾動條。 – Sparky

你會想你想消除滾動條的元素上使用

overflow:hidden

。

或者，你可以使用jQuery：

$("body").css("overflow", "hidden");

編輯：

您的佈局是1920×1200。我現在有這個決議，我永遠不會把我的瀏覽器窗口最大化。它總是小20到25％。

大多數（如果不是98％）網站佈局的最大寬度是960px。我看着你的CSS（很好，嘗試禁用右鍵單擊BTW），你的左右列都是200px EACH，而你的主內容寬度是1460px。我想你會看到我要去的地方。我很抱歉，但只有這樣，您才能獲得無滾動條的唯一方法就是重新制作佈局，其中所有內容都適合1000像素或更小的佈局。最好少一點。需要檢查的重要一點是屏幕分辨率統計信息，它有助於確定用戶在某個屏幕分辨率下運行的百分比。這將有助於您定位您的首選受衆羣體。

TL; DR

你得重做你的整個佈局，它太寬爲廣大用戶在那裏..

來源

2011-09-25 00:52:04

你沒有看到你的地址欄嗎？ JS文件得到您當前的解決方案並將其發送到php文件。 Php會根據您的分辨率計算整個css的寬度和高度。清楚嗎？ –

+1以反擊OP的反對票。你的回答可以解釋這個問題，但請參閱我編輯＃2的解釋。 – Sparky

@ Sparky672 +1，謝謝你的解釋。 –

水平滾動條問題

回答

相關問題