如何计算CSS盒子模型的高度Google{font-size:12pxpadding:5px;margin:5px;}那么这个元素的高度应该是多少?是22px吗?可是我用PS做了一张22PX高的背景图却矮了一些,请问盒子模型的高度应该怎么计算啊?

来源：学生作业帮助网 编辑：作业帮 时间：2024/11/09 10:03:12

如何计算CSS盒子模型的高度Google{font-size:12pxpadding:5px;margin:5px;}那么这个元素的高度应该是多少?是22px吗?可是我用PS做了一张22PX高的背景图却矮了一些,请问盒子模型的高度应该怎么计算啊?
如何计算CSS盒子模型的高度
Google
{
font-size:12px
padding:5px;
margin:5px;
}
那么这个元素的高度应该是多少?是22px吗?可是我用PS做了一张22PX高的背景图却矮了一些,请问盒子模型的高度应该怎么计算啊?

如何计算CSS盒子模型的高度Google{font-size:12pxpadding:5px;margin:5px;}那么这个元素的高度应该是多少?是22px吗?可是我用PS做了一张22PX高的背景图却矮了一些,请问盒子模型的高度应该怎么计算啊?
IE5以上的浏览器以及其他的浏览器已经统一了盒模型尺寸的计算方式.即：
【实际高度】=【预设高度】+【padding-top】+【padding-bottom】
margin是不计算在内的.另外你忽略了文字默认的行高.你得把A的display定义成block,然后加上尺寸.一般来说.font还有一个默认的行高,也即line-height ,如果不定义高度,默认的a的高度应该是font的行高,而不是font-size的值.综合盒模型高的计算公式,你现在的高度应该是
【实际高度】=【line-height】+【5px】+【5px】
【建议】
1.定义一下行高.
2.或者定义a为block,并加尺寸.（推荐）

如何计算CSS盒子模型的高度Google{font-size:12pxpadding:5px;margin:5px;}那么这个元素的高度应该是多少?是22px吗?可是我用PS做了一张22PX高的背景图却矮了一些,请问盒子模型的高度应该怎么计算啊? CSS+DIV写盒子模型图 css中盒子里的盒子如何调整与外面大盒子的位置关系? CSS中如何使盒子重叠? google earth 如何上传模型 css如何控制div高度等于另一个DIV的高度?让left的高度等于 center的高度.谢谢了.万分感谢! CSS+DIV写盒子模型图请高手帮我用HTML写一个盒子模型图出来!DIV不要用绝对定位! 如何计算盒子的展开尺寸 CSS background-position 定义背景具体位置如何计算? 冷却塔的高度是如何计算的 ABAQUS的计算模型如何导入ANSYS里? 纸箱的堆码高度如何计算 如何计算地球同步卫星的高度. 如何计算建筑物的总高度? 建筑高度是如何计算的? 同步卫星的运行高度是多少如何计算 建筑高度是如何计算的? 载货汽车质心高度的如何计算