额,把ul的line-height设置为0就可以了。 ul{ background-color: #ddd; line-height: 0; } 请看文字的各种线之间的关系: 个人认为:xxx放置在这里就是属于ul的内容,是匿名文本。文本及内联元素又是默认基于基线(baseline)对齐的,所以底部会有空隙。而且匿名文本是的行高是继承父级的,父级ul的line-height是20px,于是xxx的行高也是20px。有行高的情况下,必然存在行间距,底线到行框之间必然存在距离(即使设置了垂直对齐方式是基于底线对齐也有距离)。这样,最直接的解决办法就是将父级的line-height设置为0,这样不存在行高的情况下,匿名文本就可以津贴父级元素底部了。
额,把ul的line-height设置为0就可以了。
请看文字的各种线之间的关系:

个人认为:xxx放置在这里就是属于ul的内容,是匿名文本。文本及内联元素又是默认基于基线(baseline)对齐的,所以底部会有空隙。而且匿名文本是的行高是继承父级的,父级ul的line-height是20px,于是xxx的行高也是20px。有行高的情况下,必然存在行间距,底线到行框之间必然存在距离(即使设置了垂直对齐方式是基于底线对齐也有距离)。这样,最直接的解决办法就是将父级的line-height设置为0,这样不存在行高的情况下,匿名文本就可以津贴父级元素底部了。