顯示在頁面左上角的下拉菜單

Question

我正在研究website並試圖添加下拉功能。主題是David Airey，我正在使用二十世紀的下拉功能。將CSS從二十十個粘貼到David Airey的menu.css中，但是當您將鼠標懸停在「Broadcast」（唯一一個使用下拉菜單）上時，該框出現在左上角。檢查一切三次，但無法找到它在哪裏搞砸，一個額外的眼睛可能會幫助。

謝謝！

Answer 1

您需要將position: relative添加到.nav li。

這將使子菜單絕對定位相對到li，而不是窗口。

的圖是在這裏：http://css-tricks.com/absolute-positioning-inside-relative-positioning/

Answer 2

添加position: relative到包含子菜單中<li>。