2 个回答

额,把ul的line-height设置为0就可以了。

ul{
  background-color: #ddd;

  line-height: 0;
}

请看文字的各种线之间的关系:
图片描述

图片描述

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


图片描述

这个是浏览器默认添加的paddingmagin值的问题吧。 添加一行*{padding:0;margin:0;}试试是不是你要的效果.

推荐问题