盒子模型包括:
1、margin,外边距
2、border,边框
3、padding,内边距
4、content,内容" />
时间:2020-09-06来源:www.pcxitongcheng.com作者:电脑系统城
所有HTML元素都可以看成盒子,在CSS中,"box model"这一术语是用来设计和布局的。
盒子模型包括:
1、margin,外边距
2、border,边框
3、padding,内边距
4、content,内容
标准盒模型是大多数浏览器采用的W3C标准模型
box-sizing:content-box;
width仅仅包含内容区域的宽度,
height仅仅包含内容区域的高度
内盒(不考虑外边距)的宽度=width+padding(左右内边距的宽度)+border(左右边框的宽度)
内盒(不考虑外边距)的高度=height+padding(左右内边距的高度)+border(左右边框的高度)
就像洋葱一样层层扒皮,每层都要算
怪异盒模型是IE中采用Microsoft自己的标准
box-sizing:border-box;
width不仅包含内容区域的宽度,还包括padding(左右)、border(左右),说白了就是内盒的宽度
height不仅包含内容区域的高度,还包括padding(左右)、border(左右),说白了就是内盒的高度
内盒(不考虑外边距)的宽度=width
内盒(不考虑外边距)的高度=height
它不像洋葱那样层层扒皮,而是content、padding、border作为一个整体
标准模型和怪异模型可以应用在网页布局中
2023-03-11
vscode文本框怎么设置输入内容与边框的距离?2020-11-18
dns-prefetch是什么 前端优化:DNS预解析提升页面速度2020-10-11
解决搜索框和搜索按钮button边框不能重合的问题