CSS中background背景色的作用范围
2014-08-22 22:28 勤劳的插秧哥 阅读(841) 评论(0) 编辑 收藏 举报在div中设置背景色：当border宽度很大时就要考虑一个问题，那就是背景的作用范围，是包括边框呢？还是不包括呢？很明显，又到浏览器产生分歧的时候了。
在IE中背景色的作用范围为：content+padding。而谷歌，火狐为content+padding+border。很明显，IE中的背景色范围是“局限”在边框内的，而谷歌，火狐则包括边框。
如代码：
<html>
<head>
<title></title>
<style>
div{
width: 200px;
height: 200px;
background: red;
border:10px dashed blue;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
效果图示：IE中Chrome，Firefox中
