Css li высота не соответствует внешнему div - PullRequest
Новая
       2

Css li высота не соответствует внешнему div

0 голосов
/ 05 января 2012

Я пытаюсь создать панель меню. здесь - мое меню. Как видите, высота li не соответствует высоте menu div. Я установил такую ​​же высотудля обоих, но кажется, что есть некоторое поле с нижней частью. Я хочу, чтобы li заполнил высоту меню.

Спасибо за любую помощь

, как это: 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>

1 Ответ

4 голосов
/ 05 января 2012

Вам просто нужно немного изменить свой CSS 

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

изменить display:inline на display:inline-block

...