css盒模型(标准模式和怪异模式)

css盒模型一共有两种模式:标准模式和怪异模式

只要完整定义DOCTYPE都会触发标准模式,如果DOCTYPE缺失则在ie6/ie7/ie8下将会触发怪异模式

标准模式:盒子总宽度=width+padding+border+margin

怪异模式:盒子总宽度=width(包含padding+border)+margin

说说css3的属性box-sizing吧,它有两个非常重要的值:

第一:值为content-box---------------------------会采用标准模式解析计算

第二:值为border-box-----------------------------会采用怪异模式解析计算

posted @ 2020-11-23 16:29  simple-love  阅读(598)  评论(0编辑  收藏  举报