我想不出爲什麼會出現滾動條

在我第一次嘗試響應式網頁設計時，我遇到了一個奇怪的問題。當我將瀏覽器的大小調整爲615px或更低時，會出現一個水平滾動條。我不確定是什麼因素造成的。我試圖把邊框的每個元素周圍使用我想不出爲什麼會出現滾動條

* { 
    border:1px solid #FFF; 
}

幫我想象其中的元素的邊緣人，但我沒有看到任何邊界延伸超出窗口邊界。

有人可以看看我的網站，並給我一些見解？ http://www.ritualbliss.ca

謝謝！

編輯：所以我只得到Firefox中的滾動條。 Chrome工作正常，桌面版本的Safari，但在我的iPhone上，它水平滾動。

編輯：該網站是一個合法的按摩業務，但有些人可能會認爲圖片NSFW

來源

2012-07-26 Devin Crossman

Chrome中沒有滾動條。 – j08691 2012-07-26 14:46:11

任何機會，你可以編輯這個問題，並在這裏發表一個簡短的工作例子嗎？這樣，當你修復你的（鏈接）網站時，這個問題仍然可以用於未來的訪問者！ – Jeroen 2012-07-26 14:46:53

好的，我終於有機會看到這個網站，我不認爲屏幕上真的有NSFW。這個消息有更糟糕的事情。無論如何，我確實遇到了Firefox中的問題，並更新了我的答案。你能發佈你的解決方案嗎？另外，你有沒有不能使用CSS3的問題？爲你的背景圖片使用img標籤看起來有點笨拙，所以如果你不需要遵循舊版瀏覽器，只需使用CSS3拉伸選項並設置你的背景圖片。更清潔，少hacky。 – Matt 2012-08-10 23:13:37

css3 box-sizing：border-box解決了這個問題。

來源

2013-01-22 22:45:51

德文，

嘗試使用類似Firebug的Firefox，IE開發者工具，或Chrome開發者工具的工具。我相信Safari和Opera也有類似的工具。這些東西將使您能夠突出顯示和查看頁面上每個可見HTML元素的各種屬性，包括Javascript和CSS信息。

另一件需要考慮的事情是不在CSS中使用*選擇器。我不確定爲什麼你想在頁面上的每個元素上放一個邊框，因爲對我而言，這看起來不會有視覺吸引力。邊框樣式屬性將邊框的粗細添加到應用的任何尺寸。因此，就你而言，頁面中的每個元素都將2px添加到其高度和寬度，即使是「html」元素。這可能是爲什麼你有滾動條，但不能告訴額外的像素在哪裏。

另外，你有任何CSS樣式設置寬度或最小寬度爲617像素？或者共享相同面積並加起來617個像素的元素的組合？也許一個列不能收縮的表格？

有很多看你的URL看起來可能是色情或東西，所以我不能在工作中去那裏看看...

好運，

馬特

編輯

我用螢火蟲騙了幾分鐘，並同意Ruben處理溢出問題是個好主意。雖然我認爲該設置應該放在身體上，而不是#content。

試試這個：

body { overflow-x: hidden; }

像魯本的答案是隱藏溢出，但你仍然可以得到垂直滾動條，如果人們真的縮小他們的瀏覽器。

來源

2012-07-26 14:54:25 Matt

不完全是色情，但潤滑的身體可能是不安全的工作，我會遠離:) – Andy 2012-07-26 14:57:51

感謝您的確認:-) – Matt 2012-07-26 15:07:45

謝謝馬特。這不是色情，它是一個合法的按摩療法業務。我只把邊界放在所有東西的周圍，因爲我看不到使用螢火蟲的任何錯誤，並認爲它可以幫助我看出每個元素的邊緣在哪裏。 – 2012-07-26 15:09:14

可以請你提醒我們，當它是NSFW：■ 使用這個CSS：

#content { overflow: hidden }

不是最好的解決辦法，但你必須使用Firebug找出什麼伸出
填充和邊框增加寬度你的元素太

來源

2012-07-26 15:04:26 Ruben

對不起，我沒有意識到它可能被認爲是NSFW – 2012-07-26 15:07:19

np，但我的老闆坐在我旁邊，當他看到一個油體填滿我的屏幕時，他太皺眉了:) – Ruben 2012-07-30 06:45:17

我想不出爲什麼會出現滾動條

回答

相關問題