做域名代理网站,全国中小企业查询,长春信息网招聘,开源网站官网CSS盒模型#xff1a;
内容区#xff08;content#xff09;内边距#xff08;padding#xff09;边框#xff08;border#xff09;外边距#xff08;margin#xff09;
分为标准盒模型和IE盒模型/怪异盒模型
为了正确设置元素在所有浏览器中的宽度和高度#xf…CSS盒模型
内容区content内边距padding边框border外边距margin
分为标准盒模型和IE盒模型/怪异盒模型
为了正确设置元素在所有浏览器中的宽度和高度需要了解盒模型是如何工作的。
重点
种类总宽度标注盒模型标准模式下一个元素所占据的总宽度margin-leftborder-leftpadding-leftwidthpadding-rightborder-rightmargin-right高度同理。IE盒模型/怪异盒模型在怪异模式下一个块元素所占据的总宽度margin-leftwidthmargin-right即 width 已经包含了 padding 和 border高度同理。
可以使用 box-sizing 属性来控制使用哪种盒模型。
box-sizing:content-box 是 W3C 盒子模型。
box-sizing:border-box 是 IE 盒子模型/怪异盒模型。
