div的背景设置的问题
作了一个DIV的底图,按图的大小设置div的宽高,加入文字后,为了好看,设置了padding,结果DIV就莫名其妙的变高了,找到原因是:
css的盒模型,DIV的范围是margin+border+padding+内容,在高版本的浏览器里,DIV的宽高是指内部内容部分的宽高,而背景的设置是从border的部分开始填充的,当设置了padding后,内容就被挤开了,DIV也随之增大。
所以,为了防止在甚至padding后,DIV的大小就变了的情况,需要将宽高减去相应的padding。
css的盒模型,DIV的范围是margin+border+padding+内容,在高版本的浏览器里,DIV的宽高是指内部内容部分的宽高,而背景的设置是从border的部分开始填充的,当设置了padding后,内容就被挤开了,DIV也随之增大。
所以,为了防止在甚至padding后,DIV的大小就变了的情况,需要将宽高减去相应的padding。