我在那個網站上工作只是為了學習 HTML 和 CSS，而不是首先學習 JS。所以這就是為什么我在這里尋找一個沒有 JS 的解決方案。當頁面寬度小于 1081px 時，頂部的菜單按鈕將變成漢堡菜單。如果單擊，菜單按鈕會在導航欄下方彈出 - 但是 - 不幸的是，這些按鈕位于下面的框的頂部，我想在單擊漢堡菜單時將其按下。有人可以給我一個關于如何做到這一點的提示嗎？如果沒有 jscript，我無法在網上找到任何解決方案。HTML： <!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width-device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style.css"> <title>Rakete</title> </head> <body> <nav> <div id="navigation"> <div class="wrapper"> <div id="logo"></div> <label for="toggle">☰</label> <input type="checkbox" id="toggle"/> <div id="menu"> <a href="#">Home</a> <a href="#">About Us</a> <a href="#">Contact</a> <a href="#">Imprint</a> </div> </div> </div> </nav> <div id="main"> <div class="wrapper"> <div id="top-boxes"> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> </div> <p> </p> </div> </div> </body></html>這是我的代碼： https://codepen.io/andy4117/pen/NWqzqxo
1 回答
瀟瀟雨雨
TA貢獻1833條經驗 獲得超4個贊
使用min-height而不是height用于您的#navigation造型。
老的
#navigation {
...
height: 5em;
...
}
新的
#navigation {
...
min-height: 5em;
...
}
注意：此解決方案特定于您的情況。不同的標記可能需要不同的解決方案。
- 1 回答
- 0 關注
- 75 瀏覽
添加回答
舉報
0/150
提交
取消