覆蓋的CSS按鈕

Question

我在我的網站上做了菜單，但是移動版本上的按鈕像在圖片上一樣放在彼此上。

我用這個網站生成它們：http://css3buttongenerator.com/ 在該網站上的鏈接是：https://bydave.net/

Answer 1

導航部分具有比所述按鈕的實際視覺表示較小的一組高度。如果要調整導航欄的高度以適合按鈕，則應在小屏幕上顯示時不應再重疊。

從外觀上看，該網站沒有包含響應式設計。這會導致網站無法調整到不同的尺寸，從而導致移動屏幕。

代碼生成器通常以一種或多種方式存在缺陷。我強烈建議你自己編寫標記，以便完全控制，或者至少學習如何讀取/寫入HTML，以便更容易編輯和修復問題。

Answer 2

感謝我haz kode！它修復了它！我用display: inline-block代替display:inline在此：

nav ul li { 
    display: inline; 
} 

這樣：

nav ul li { 
    display: inline-block; 
}