如何查找超出頁面的元素

Question

我在嘗試修復滑出式JavaScript菜單。問題是，第三級子菜單雖然不應該顯示。我確定它與錯誤的定位有關，而且元素顯示在頁面之外的某處。

現在我的問題是：是否有瀏覽器擴展，或其他方式來勾勒超出頁面邊界的元素？

謝謝！

編輯：好吧，這很奇怪..根據coords它似乎是在正確的位置，它也有適當的尺寸，是可見的，但我看不到它..我錯過了什麼嗎？

Answer 1

是，使用firebug（在Firefox）或Chrome開發者控制檯（CTRL + SHIFT + C）（在Chrome），定位HTML標籤上的菜單，並檢出計算樣式該元素，看看它在哪裏。您也可以輸入您喜歡的任何樣式，並查看它會如何影響您的菜單。

Answer 2

對於Firefox，Firebug允許您檢查DOM;您可以使用HTML標籤查找缺少的元素。當你點擊這個元素時，Firebug會突出顯示它，並在覆蓋指南中顯示它在哪裏。它還會爲您提供位於右側佈局選項卡中的位置信息，您可以使用樣式選項卡更改其樣式來重新定位該元素。

Chrome開發者工具已經內置了這個;轉到設置 - >工具 - >開發者工具（或使用鍵盤快捷鍵Ctrl-Shift-I）來激活它。它與Firebug非常相似。