LI高度与UL相同

嗨，我想知道我的UL是如何来到38px高度，但LI不适合100％身高。LI高度与UL相同

ul#ordermenu{ 
    height:38px !important; 
    width:100% !important; 
    line-height:38px; 
} 

ul#ordermenu li 
{ 
height:38px !important; 
display: inline; 
list-style-type: none; 
padding-right: 100px; 
color:#000; 
line-height:38px; 
font-size:20px; 
} 

ul#ordermenu li:last-child { 
    padding-right:-100px; 
} 
ul#ordermenu li.active 
{ 
height:38px !important; 
line-height:38px; 
background: #e6f0a3; /* Old browsers */ 
background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* IE10+ */ 
background: linear-gradient(to bottom, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0); /* IE6-9 */ 

}

我的HTML代码

<ul id="ordermenu"> 
     <li class="active">Items</li> 
     <li>Checkout Status</li> 
     <li>Postage Details</li> 
    </ul>

来源

2013-03-19 RussellHarrower

也许是因为你已经将它们定义为不重要？ – Timmy 2013-03-19 22:16:25

??你是什么意思 – RussellHarrower 2013-03-19 22:17:33

尝试'位置：inline-block'为'''''css声明。 – VKen 2013-03-19 22:18:34

的li不38px高大的原因是因为display: inline上ul#ordermenu li

试试这个：

#ordermenu li { 
    display: inline-block; 
    height: 38px; 
}

来源

2013-03-19 22:18:32

您无法分配高度为内联元素，正如您为所做的那样。尝试将display属性更改为'inline-block'。这将允许您给列表项目一个特定的高度，同时仍然水平排列它们。

来源

2013-03-19 22:20:49

LI高度与UL相同

回答

相关问题