CSS链接背景颜色宽度

Question

如何在li元素内部设置一个链接，使其背景比实际文本更长，并且它们甚至彼此都相同？

CSS

.popoutsidebar li { margin-bottom: 20px; padding: 5px; }
.popoutsidebar li a { background-color: #E5E5E5; color: #B94A48; padding: 10px; border-radius: 5px; }
.popoutsidebar li a:hover { background-color: #B94A48; color: #FFFFFF; text-decoration: none; }

Answer 1

默认情况下，

<a> nchor标记是内联的。尝试这样的事情：

.popoutsidebar li a { display:block }

display属性允许您定义应该如何显示某个HTML元素。

  

display：block 表示元素显示为块，因为段落和标题始终如此。块有一些空格   除了之外，它上面和下面都不容忍它旁边没有HTML元素   在另外订购时（通过向另一个人添加浮动声明）   例如，元素。

     

display：inline 表示该元素以内联方式显示在同一行的当前块内。只有当它在两个街区之间时   该元素是否构成一个“匿名块”，但它具有   最小可能的宽度。

     

http://quirksmode.org/css/css2/display.html