Css li 높이가 외부 div에 맞지 않습니다.

메뉴 패널을 만들려고합니다. 이 내 메뉴입니다. 높이가 li 인 것을 볼 수 있듯이, 높이는 menu입니다. 두 가지 모두 같은 높이로 설정되었지만 바닥에 약간의 여백이있는 것으로 보입니다. 나는 그 높이를 채우기 위해 li을 원합니다. . Css li 높이가 외부 div에 맞지 않습니다.

어떤 도움이 같은

주셔서 감사합니다 : 여기 menu

내 코드

CSS :

.menu{ 
height:30px; 
width:780px; 
background-color:#09F; 
} 
.menu ul{ 
float:left; 
list-style:none; 
margin-top:0px; 
height:30px; 
} 
.menu ul li{ 
margin-left:15px;height:30px;background-color: #ccc;display:inline; 
} 
.menu ul li a{ 
text-decoration:none; 
}

HTML :

<div class="menu"> 
<ul > 
<li><a href="#">Create Account</a></li> 
<li><a href="#">Change Account</a></li> 
</ul> 
</div>

출처

2012-01-05 sampathpremarathna

display:inline-block을 변경해야합니다! 문제를 해결 한 경우이를 답변으로 표시합니다. 다른 문제를 신속하게 해결할 수 있도록 도와줍니다. – Murtaza

:). 그때 나는 그 때 받아 들일 수있는 것을 허용하지 않았다. 그리고 나는 버스를 타야 만한다. ... – sampathpremarathna

당신은 당신의 CSS 조금

.menu ul li { 
    margin-left:15px; 
    height:30px; 
    background-color: #ccc; 
    display:inline-block; 
    float:left; 
}

변화 display:inline 감사

출처

2012-01-05 11:53:35 Murtaza

ohhhh god .....! – sampathpremarathna

Css li 높이가 외부 div에 맞지 않습니다.

답변

관련 문제