最近在學前端，發現前端真心比後端頭大！總是出現這邊問題解決了，結果另一個問題出來了。今天終於摸索出來了關於寫二級選單的兩個關鍵點，本文將記錄下來，提供參考！

1. 問題一：
   二級選單中，二級選單容器擠擴父容器。
2. 原因：
   父容器沒有固定高度。
3. 解決：
   給父容器固定一個高度，當父容器無法容納二級選單時會讓二級選單懸浮。

1. 問題二：
   二級選單中，當問題一解決後會出現二級選單會擠壓後續元素。

2. 原因：
   因為它是父容器裝不下二懸浮出來的，因此和它會擠壓後續元素。

3. 解決：
   現在可以把父容器的高度給註釋掉，並將父容器設定為相對定位;其次，將二級選單容器設定為絕對定位。

1. 問題三：
   當第二個問題解決以後，你的二級選單容器的下層有可獲得焦點的元素時，比如按鈕，連結，那麼，你的游標移動到此處時，這些元素會自動獲得焦點，這個位置你的二級選單將失去焦點。

2. 原因：
   這是一個css的層疊問題。不做細說，自行研究。

3. 解決：
   就覺這個問題，可以用z-index這個屬性來解決，具體用法參看相關文件，在此是針對二級選單容器設定。

好了，研究了這麼久的前端佈局，總之，問題多多 ，需要耐心學習，希望對新人有用！