我錯過了什么嗎？我正在嘗試使下拉菜單出現(xiàn)。當(dāng)我縮小頁面時，我可以看到菜單出現(xiàn)在欄上（我只能看到“主頁”選項的提示）。但是，當(dāng)頁面完全打開時，它似乎根本沒有打開。 <ul> <li><a style="color:#1a1a1a;" class="welcometitle">Welcome back! <asp:Label ID="lblusuario" runat="server" ForeColor="#99ccff" Font-Bold="true"></asp:Label></a></li> <li style="float:right; background-color: #4CAF50;" class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" role="button" <%--onclick="myfunction()"--%> href="#"> <i class="fa fa-bars"></i> </a> <ul class="dropdown-menu" role="listbox"> <li><a href="#home" role="option">Home</a></li> <li><a href="#about" role="option">About</a></li> <li><a href="#contact" role="option">Contact</a></li> </ul> </li> <li style="float:right; padding-right:10px; padding-top:5px; padding-left:5px;"><input type="text" class="form-control" placeholder="Search.." name="search"/></li> <li style="float:right; padding-right:0px; padding-top:5px; background-color:#ffffff"><button class="btn" type="submit"><i class="fa fa-search" style=""></i></button></li> </ul>這是我的css代碼，我真的不明白我錯在哪里.searchbar { float: left; margin: 0px 0;}ul#navigation { float: left; margin: 0 20px 0 0;}ul#navigation li { display: inline; margin-right: 10px;}* {box-sizing: border-box;}ul { list-style-type: none; margin: 0; padding-left: 160px; overflow: hidden; background-color: #1160a2; top:0; width:100%; position:fixed;}/* Dropdown Button */.dropbtn { background-color: #3498DB; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer;}/* Dropdown button on hover & focus */.dropbtn:hover, .dropbtn:focus { background-color: #2980B9;}/* The container <div> - needed to position the dropdown content */.dropdown { position: relative; display: inline-block;}
1 回答
慕的地8271018
TA貢獻(xiàn)1796條經(jīng)驗 獲得超4個贊
如果有人遇到同樣的問題，我發(fā)現(xiàn)答案在 css 類上：
.show {display: block;}
剛剛添加了“位置：固定”，就是這樣
.show {display: block;
position: fixed;
}
- 1 回答
- 0 關(guān)注
- 143 瀏覽
添加回答
舉報
0/150
提交
取消