導航欄「溢出」無法刪除

我很抱歉所有的混淆和錯誤的帖子類型。我會繼續玩它或嘗試獲得所有的CSS，所以我可以把它正確地粘貼在這裏。導航欄「溢出」無法刪除

感謝您提供的信息和幫助。

格雷迪

我不知道如果有人能幫助我，但由於某種原因，我無法弄清楚，爲什麼我的導航欄中有一個「影子」，沒有任何陰影標記。這是非常煩人的，我無法弄清楚。我可以將整個導航欄更改爲與背景相同的顏色，但不會突出顯示。如果你可以給我任何建議或事情來嘗試這將是偉大的！

這是定期視圖中的導航圖片，然後我放大並拍攝了另一張照片。

我已經試過邊界：none和箱陰影：沒有，但似乎沒有任何去除小溢出。

更新：

我應該發佈這個開始。我沒有完整的HTML/CSS，因爲我使用WordPress，所以代碼不完全是我的共享。歡迎您訪問我們的網站http://jrummy16.com/test/

我剛剛在Chrome或Firefox的Firebug中使用控制檯來設計它。

在此先感謝

格雷迪

2013-04-26 Grady D

你可以發佈一些相關的HTML/CSS？ – brbcoding 2013-04-26 18:22:22

它看起來像在它背後的div。使用您的DOM檢查器來查看生成它的內容。我發現Firefox的3D模式對於這些問題特別有用。 – nullability 2013-04-26 18:26:40

任何人都可以說，直到你張貼一些代碼。 – Vector 2013-04-26 18:34:14

此無關，具有溢出或箱陰影。你在邊緣看到的只是父元素背景的延續。

您可以通過更正藍色支持導航的位置來解決此問題，以便它正確對齊到最遠的邊緣並且不會在最後顯示小部分。

編輯： 看看實際的代碼，有兩個「流氓」像素，說明你的超出右間距。第一像素是從邊界從CSS行394：

#mainmenu.scaled li.menu-item a { 
    border: 1px solid #E2E2E2; 
}

您可以在此留下這使元素周圍的像素邊框保持不變，或者你可以從你的最後導航使用:last-child僞選擇將其刪除設置border-right:none;

所以第二個流氓像素來自您在導航中的清除div。刪除這個div並應用CSS清除修復似乎是最好的解決方案。一個基本的結算將在容器元素上設置overflow:hidden;，但是如果你的情況需要，你可以使用更強大的css結算。

2013-04-26 18:24:50 Moses

我添加了一個鏈接到我們的測試網站。你能給我一個例子或教程來做到這一點？導航欄對我來說是新的。 – 2013-04-26 18:39:42

@aDroidman在Chrome開發工具中檢查您的網站後，我修改了我的答案。 – Moses 2013-04-26 19:19:25

謝謝！那就是訣竅。對不起，我問了這個錯誤的方式，但非常感謝你花時間去研究它。 – 2013-04-28 04:16:18

我的猜測是你的灰色方塊上的填充。設置padding:0px;就可以得到盒子元素，看看是否可以。

2013-04-26 18:33:29 Dusty

我試過填充，它似乎沒有解決它，但我可能已經將它添加到錯誤的類/ ID。 – 2013-04-26 18:38:57

回答