box-sizing 的使用
来源:互联网 发布:迅雷会员获取软件 编辑:程序博客网 时间:2024/05/20 21:47
box-sizing 的使用
(1)border-box:如果设置padding,内容往里面挤
内容的宽度:width减去(padding-left加padding-right)
元素的宽度:width
(2)content-box:如果设置了padding,往外面撑
内容的宽度:width
元素的宽度:width加上(padding-left加padding-right)
语法
box-sizing: content-box|border-box|inherit;
这是由 CSS2.1 规定的宽度高度行为。
宽度和高度分别应用到元素的内容框。
在宽度和高度之外绘制元素的内边距和边框。
border-box为元素设定的宽度和高度决定了元素的边框盒。
就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
inherit规定应从父元素继承 box-sizing 属性的值。阅读全文
0 0
- box-sizing 的使用
- CSS:box-sizing的使用
- CSS中box-sizing的使用
- 使用box-sizing布局
- box-sizing 的用法
- css3的box-sizing
- css3的box-sizing
- box-sizing的用法
- box-sizing的应用
- box-sizing的应用
- box-sizing的用法
- css布局box-sizing使用
- 学会使用box-sizing布局
- 流体布局CSS3中 calc()的使用 顺带box-sizing
- box-sizing属性的理解
- box-sizing 的相关解释
- 浅谈box-sizing的用法
- box-sizing属性的使用方法
- python打包工具pyinstaller
- java定时schedule(task,delay)
- zoj1610:count the colors
- elk安装及使用二(elasticsearch的简单使用及插件的安装)
- 管理输入输出练习题
- box-sizing 的使用
- 安卓开发-Xml序列化器和Pull解析器
- 迷宫(回溯算法)
- 深度学习(数据集划分偏差方差)
- 使用AOP的aspect来观察android的生命周期
- USACO Milking Cows (模拟)
- JavaScript面试题
- 关于css二三事
- Windows下尝试PHP7提示丢失VCRUNTIME140.DLL的问题解决