마우스가 탐색 레이블 위로 지나갈 때 아무런 효과가 없습니다. 어떻게 문제를 찾을 수 있습니까?
<!DOCTYPE html>
<html>
<head>
<meat charset="utf-8">
<title>블록 수준 요소를 인라인 요소로 변환</ title> ;
<link rel="단축 아이콘" type="image/x-icon" href="images/favicon.ico">
<style type="text/css">
p { 디스플레이:inline;너비:200px;높이: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{ 너비 :100px;height:100px; background-color:pink;line-height:100px; text-align:center;display:none;}
.box:hover .main{display:block;}
</ style> ;
</head>
<body>
<p>블록 수준 요소를 인라인 요소로 변환</p><span>123</span>
<b>인라인 요소 주로 블록 수준 요소
마크업을 인라인 블록 요소로 변환
123 탐색
<div class="main">작은 메뉴</div>
</body>
</html>
