瀏覽器正在生成一個奇怪的邊框

我去了今天在Chrome中測試我的網站，我發現瀏覽器正在我網站的某些部分周圍創建一個奇怪的邊框。這是一個白色邊框，它包含窗口的右側和底部，以及我的側邊欄菜單的右側。我昨天在測試網站時不記得這個邊框在那裏。認爲這是一個瀏覽器錯誤，我在Safari中打開了該網站，發生了同樣的問題。我有一種感覺，這是用戶錯誤（可能是一個非常愚蠢的錯誤），但我不知道如何擺脫它。我無法正確地測試該網站，直到此邊框消失瀏覽器正在生成一個奇怪的邊框

我沒有將這個邊框寫入我的代碼，它似乎是某種在瀏覽器中打開的設置，但我不知道如何打開它關閉。我在下面包括一個「神祕邊界」的圖像。

圖片在這裏 http://imgur.com/HP6krR9,wzfiODj

Code is here http://jsfiddle.net/Feu8H/

來源

2013-08-27 qaxf6auux

我沒有看到任何CSS代碼。這是正常的嗎？ –

我的不好。只需將樣式表添加到jsfiddle。 – qaxf6auux

你的小提琴不會重新創建問題：http://jsfiddle.net/Feu8H/1/ – dc5

嘗試添加該到你的CSS：

body{margin: 0; 
    padding: 0;} 

#nav_container{margin: 0; 
    padding: 0;}

如果不行，請嘗試加入這個類：

.cBoth{clear: both;}

和#nav_container div在這個div中寫入後：

希望應該擺脫邊界。

來源

2013-08-27 06:01:55 justLearning

這些邊界來自卷軸。在html中替換overflow:scroll;與overflow:hidden;，body標籤將刪除這些邊界，但滾動也是如此。對於側欄，請查看#nav_bar並執行相同的替換。 http://jsfiddle.net/Feu8H/3/

POST編輯：更好的解決方案是使用overflow:auto;代替overflow:hidden;因爲overflow:hidden可能是一些遊客不會看到所有的內容。

來源

2013-08-27 06:06:25

我知道，它也與我在系統偏好設置中啓用的設置有關。 – qaxf6auux

好的，這是問題所在。它與我的任何代碼無關。事實上，這與我的電腦設置（OSX Mountain Lion）有關。當我建立網站時，我通常會使用觸控板，但今天我碰巧連接了我的USB鼠標。系統偏好設置>個人>常規中的設置可根據您連接的鼠標外圍設備更改滾動條的顯示方式。無論您是否在滾動，連接USB鼠標都會導致滾動條始終顯示。這些「神祕邊界」是滾動條。我只是改變了設置，現在一切正常。

來源

2013-08-27 06:09:14 qaxf6auux

先生闡明。 –

瀏覽器正在生成一個奇怪的邊框

回答

相關問題