帮我解释一下这段CSS代码

来源：百度知道 编辑：UC知道 时间：2024/05/12 20:09:40
#footer {
height: 50px;
width: 740px;
line-height: 2em;
text-align: center;
background-color: #009966;
padding: 10px;
}

这段代码定义的高度为什么不是50PX呢? 我看了一下实际高度是72PX,这个72PX是怎么形成的?
这个是BODY的属性:
body {
font-size: 12px;
}

css采用不同的标准解释有不同的效果，有些padding算在height内的，有些则不是，如果算在内就是50+10+10=70而不会出来72，除非你有上下各有两个边框宽度为1px。否则不可能出现72px。建议你设置成padding:0px再试试；还有会不会该样式内包含了大于50px或者大于30px的内容。
另外字体12px并没有超过50px，所以body的代码对高度没有影响。