84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
既然 对行内框垂直方向设置 margin、border、padding 无效，为何游览器加载出来的效果 还是把行内框的高度 加上了 垂直方向的border 和padding？
非替换元素的内边距、边框和外边框对行内元素或其生成的框没有垂直效果；也就是说，他们不会影响元素行内框的高度。-----摘自 《CSS权威指南 第三版》 P189
那为何行内框的高度还是把 padding 和 border 算在里面？
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
你难道以为这个Span的高度就是行内框的高度？行内框高度在你这里就是line-height也就是50px，在盒子模型里也清楚的表示了是50，没有发现异常。
line-height
50px
50
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
你难道以为这个Span的高度就是行内框的高度？
行内框高度在你这里就是
line-height也就是50px，在盒子模型里也清楚的表示了是50，没有发现异常。