css盒子模型怎么計算高度和寬度？IE5以上的瀏覽器以及其他的瀏覽器已經(jīng)統(tǒng)一了盒模型尺寸的計算方式。即：【實際高度】=【預設高度】 【padding-top】 【padding-bottom】marg

css盒子模型怎么計算高度和寬度？

IE5以上的瀏覽器以及其他的瀏覽器已經(jīng)統(tǒng)一了盒模型尺寸的計算方式。即：

【實際高度】=【預設高度】 【padding-top】 【padding-bottom】

margin是不計算在內(nèi)的。另外你忽略了文字默認的行高。 你得把A的display定義成block，然后加上尺寸。 一般來說。font還有一個默認的行高，也即line-height ， 如果不定義高度，默認的a的高度應該是font的行高，而不是font-size的值。綜合盒模型高的計算公式，你現(xiàn)在的高度應該是

【實際高度】=【line-height】 【5px】 【5px】

【建議】

1.定義一下行高。

2.或者定義a為block，并加尺寸。（推薦）