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

css盒子模型怎么計(jì)算高度和寬度？

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

【實(shí)際高度】=【預(yù)設(shè)高度】 【padding-top】 【padding-bottom】

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

【實(shí)際高度】=【line-height】 【5px】 【5px】

【建議】

1.定義一下行高。

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