亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

不顯示 ul 和 li 標簽之間的下拉菜單

不顯示 ul 和 li 標簽之間的下拉菜單

C#
富國滬深 2022-10-15 14:34:32
我錯過了什么嗎?我正在嘗試使下拉菜單出現。當我縮小頁面時,我可以看到菜單出現在欄上(我只能看到“主頁”選項的提示)。但是,當頁面完全打開時,它似乎根本沒有打開。        <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貢獻1796條經驗 獲得超4個贊

如果有人遇到同樣的問題,我發現答案在 css 類上:


.show {display: block;}

剛剛添加了“位置:固定”,就是這樣


            .show {display: block;

               position: fixed;

              }


查看完整回答
反對 回復 2022-10-15
  • 1 回答
  • 0 關注
  • 151 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號