<li>没有完全着色</li>

Question

我有一个包含一些元素的列表。简单清单。我在<li>标记上编码了一个悬停属性，将其背景颜色更改为白色。简单的行为。 我的问题是：高度并没有完全填满。 我尝试重置边距和填充li{padding:0; margin:0;}，但也没有工作。

这是代码：http://jsfiddle.net/ctvalex/jh3t5t1b/2/

欢迎任何帮助

Answer 1

只需更改

的显示样式

#bottom-menu ul li 

到

display: inline-block;

所以它会像那样

#bottom-menu ul li {
   display: inline-block;
   padding-left: 10px;
   padding-right: 10px;
   line-height: 50px;
}

检查已编辑的示例http://jsfiddle.net/jh3t5t1b/6/