css中盒子模型与box-sizing属性

2021-06-05 19:35

阅读：566

标签：developer border margin style webkit width w3c标准 content target

盒子模型

w3c标准：定义的width为内容，有padding，border 都会使得最终呈现的宽度为定义的width+padding+border的总和，有margin另加

ie标准：定义的width为包含了border,padding，使得最终呈现的宽度为定义的width，有margin另加

box-sizing:使盒子为ie模式呈现

content-sizing:使盒子w3c模式下呈现

一般初始全局css样式：

*, *:before, *:after {
　　-moz-box-sizing: border-box;
　　-webkit-box-sizing: border-box;
　　box-sizing: border-box;
　　}

css中盒子模型与box-sizing属性

标签：developer border margin style webkit width w3c标准 content target

原文地址：http://www.cnblogs.com/ryans/p/7341157.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：css中盒子模型与box-sizing属性
文章链接：http://soscw.com/index.php/essay/90941.html

亲，登录后才可以留言！