鼠標(biāo)過導(dǎo)航標(biāo)簽時(shí)，無效果，請(qǐng)問如何查找問題
問題描述
<!DOCTYPE html>
<html>
<head>
<meat charset="utf-8">
<title>塊級(jí)元素和行內(nèi)元素相互轉(zhuǎn)換</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<style type="text/css">
p{display:inline;width:200px;height:200px;backgroud-color:#ccc;}
b{display:block;}
/*div{display:inline-block;height:30px;width:400px;background-color:pink;}*/
.box{width:100px;height:40px;background-color:#ccc;line-height: 40px;text-align: center;}
.main{width:100px;height:100px;background-color:pink;line-height:100px; text-align:center;display:none;}
.box:hover .main{display:block;}
</style>
</head>
<body>
<p>塊級(jí)元素轉(zhuǎn)為行內(nèi)元素</p><span>123</span>
<b>行內(nèi)元素主為塊級(jí)元素</b>
<div>將標(biāo)答轉(zhuǎn)換為行內(nèi)塊元素</div><span>123</span>
<div class="box">導(dǎo)航</div>
<div class="main">小菜單</div>
</body>
</html>
問題解答
回答1：<div class="box">導(dǎo)航</div>
<div class="main">小菜單</div>
.box:hover .main {}
說明 .main 在 .box 內(nèi)部
<div class="box">導(dǎo)航
<div class="main">小菜單</div>
</div>
相關(guān)文章：
網(wǎng)公網(wǎng)安備