html - 没有完全着色

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/