css盒子模型怎么计算高度和宽度
IE5以上的浏览器以及其他的浏览器已经统一了盒模型尺寸的计算方式。即:
【实际高度】=【预设高度】+【padding-top】+【padding-bottom】

margin是不计算在内的。另外你忽略了文字默认的行高。 你得把A的display定义成block,然后加上尺寸。 一般来说。font还有一个默认的行高,也即line-height , 如果不定义高度,默认的a的高度应该是font的行高,而不是font-size的值。综合盒模型高的计算公式,你现在的高度应该是

【实际高度】=【line-height】+【5px】+【5px】
【建议】
1.定义一下行高。
什么是盒子模型
盒子模型本质上是一个盒子,模型定义了盒的每个部分,包括:

外边距、边框、内边距、实际内容 —— 这些合在一起就变成了我们在页面上看到的内容。
完整的盒子模型应用于块级盒子,而内联盒子只使用盒模型中定义的部分内容。
1.Content box:内容区域。
2.Padding box:内边距,内容区域外部的空白区域。
3.Border box:边框,包裹内容和内边距。
4.Margin box:外边距,是盒子和其它元素之间的空白区域。
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。