html5 - css3 div高度问题

问题描述

问 题

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

解决方案

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

这篇关于html5 - css3 div高度问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！