第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定

怎么實現(xiàn)下面的不會移位，能夠正常顯示？當鼠標經(jīng)過顯示出隱藏的內(nèi)容后面的排版怎么全部亂了？怎么實現(xiàn)的必影響后面的內(nèi)容排版？

<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????<title>無標題文檔</title>
????<style?type="text/css">
????????*{?margin:0px;?padding:0px;}
????????body{?font-family:Verdana,?Geneva,?sans-serif;?font-size:14px;}
????????#nav{?width:600px;?height:40px;?background-color:#eee;?margin:0?auto;}
????????ul{?list-style:none;}
????????ul?li{?float:left;?line-height:40px;?text-align:center;?width:100px;}
????????a{?text-decoration:none;?color:#000;?display:block;}
????????a:hover{?color:#F00;?background-color:#666;}
????????ul?li?ul?li{?float:none;background-color:#eee;?margin:2px?0px;}
????????ul?li?ul{display:none;}
????</style>
????<script?type="text/javascript">
????????function?showsub(li)?{
????????????var?subMenu?=?li.getElementsByTagName("ul")[0]??;
????????????subMenu.style.display?=?"?block?";
????????}

????????function?hidesub(li)?{
????????????var?subMenu?=?li.getElementsByTagName("ul")[0];
????????????subMenu.style.display?=?"?none?";
????????}

????</script>
</head>

<body>
<div?id="nav">
????<ul>
????????<li><a?href="#">首頁</a></li>
????????<li??onmouseover="showsub(this)"?onmouseout="hidesub(this)"??><a?href="#">課程大廳</a>
????????????<ul>
????????????????<li><a?href="#">JavaScript</a></li>
????????????????<li><a?href="#">Html/CSS</a></li>
????????????</ul>
????????</li>
????????<li??onmouseover="showsub(this)"?onmouseout="hidesub(this)"><a?href="#">學習中心</a>
????????????<ul>
????????????????<li><a?href="#">視頻學習</a></li>
????????????????<li><a?href="#">實例練習</a></li>
????????????????<li><a?href="#">問與答</a></li>
????????????</ul>

????????</li>
????????<li><a?href="#">經(jīng)典案例</a></li>
????????<li><a?href="#">關(guān)于我們</a></li>
????</ul>
????<div?id="nav">
????????<ul>
????????????<li><a?href="#">首頁</a></li>
????????????<li??onmouseover="showsub(this)"?onmouseout="hidesub(this)"??><a?href="#">課程大廳</a>
????????????????<ul>
????????????????????<li><a?href="#">JavaScript</a></li>
????????????????????<li><a?href="#">Html/CSS</a></li>
????????????????</ul>
????????????</li>
????????????<li??onmouseover="showsub(this)"?onmouseout="hidesub(this)"><a?href="#">學習中心</a>
????????????????<ul>
????????????????????<li><a?href="#">視頻學習</a></li>
????????????????????<li><a?href="#">實例練習</a></li>
????????????????????<li><a?href="#">問與答</a></li>
????????????????</ul>

????????????</li>
????????????<li><a?href="#">經(jīng)典案例</a></li>
????????????<li><a?href="#">關(guān)于我們</a></li>
????????</ul>
????</div>
</body>
</html>


正在回答

2 回答

看了一下這個代碼，因為下拉菜單仍然處在標準文檔流中，所以出現(xiàn)的時候仍然會占用標準文檔流中的位置，所以出現(xiàn)時會影響到后面的內(nèi)容，可以做以下的修改：

ul?li{position:relative;float:left;?line-height:40px;?text-align:center;?width:100px;}
ul?li?ul{display:none;?position:absolute;?top:40px;?left:0;}


0 回復 有任何疑惑可以回復我~

當鼠標經(jīng)過顯示出隱藏的內(nèi)容后面的排版怎么全部亂了？怎么實現(xiàn)的必影響后面的內(nèi)容排版？

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
形形色色的下拉菜單
  • 參與學習       106933    人
  • 解答問題       563    個

本教程從易到難，循循漸進，運用不同技術(shù)實現(xiàn)動態(tài)下拉菜單

進入課程

怎么實現(xiàn)下面的不會移位，能夠正常顯示？當鼠標經(jīng)過顯示出隱藏的內(nèi)容后面的排版怎么全部亂了？怎么實現(xiàn)的必影響后面的內(nèi)容排版？

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號