边距和填充总是可能被使用,以及如何解决问题浏览器解释容器宽度的方式是不同的:
IE 6火狐等
真宽度=宽度+边距+边框+边距
IE5 X。
真宽度=宽度填充边框边距

解决办法是:



div.content {
宽度:400px; / /这是错误的宽度,所有的浏览器阅读
声音的家庭: / / IE5。X /赢;} 忽略} 内容
声音家族:继承;
宽度:300px; / / /赢得浏览器包括IE6,读这句话,新的价值(300px)覆盖旧的
}
body.content { / / HTML >的身体是一种CSS2的书写方法
宽度:300px; / /浏览器的措辞支持CSS2(非IE5)有机会读这个句子
}

div.content {
宽度:300px!这是正确的宽度,最重要的是数值支持!浏览器在这里
宽度(空间)* / / /:400px;IE6 /赢不分析这句话,那么IE6 /赢还认为,宽度值300px;而IE5。X /赢得读这句话,新的价值(400px)覆盖旧的,因为!重要的标记对他们没有影响。
}
body.content { / / HTML >的身体是一种CSS2的书写方法
宽度:300px; / /浏览器支持CSS2写读这个句子
}