css3 div高度问题

Question

请问一下 为什么样式这样写 然后我点了那个div看它的整体高度居然是16 而不是 12+1+1 = 14呢？

Answer 1

div的高度不设置，默认为按内容高度自适应，因为内容的高度为14px，所以最终的显示效果为16px，并不是你设置的font-size。这个具体高度的话，和字母类型、字体类型、是否是汉字都有关系。倘若你把里面的三个点去掉，则此时div高度为2px。要是有两行字的话，高度又变了，并不是12px哦。再一种情况，你设置小于12px的字体，在pc端比如chrome中，就只能显示到12px。不知道说的对不对，希望对你有帮助

Answer 2

在不指定高度时文字的最小高度由 line-height 决定。

line-height 的默认值是 normal，具体值根据不同字体各不相同，桌面浏览器一般取值在1.2左右。