CSS3实战之box-sizing
2016-04-12 00:52
671 查看
一般我们都认为border和padding都包含在width或height之内。
而现代标准的浏览器一般都认为width和height仅仅包含content,刨去了border和padding区域。
它有两个值可以取
1.content-box:width/height = border + padding + content
2.border-box: width/height = content
兼容性写法
而现代标准的浏览器一般都认为width和height仅仅包含content,刨去了border和padding区域。
它有两个值可以取
1.content-box:width/height = border + padding + content
2.border-box: width/height = content
兼容性写法
.test{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
相关文章推荐
- CSS3打造3D导航
- TextView中各个部分的文本来设置字体,大小,颜色,样式
- CSS中LI圆点样式li {list-style-type:符号名称}
- CSS文字在div中竖排显示
- CSS学习笔记(四):文本、颜色和背景
- css3百叶窗轮播图效果
- css实现居中的五中方法
- CSS3实战之background篇
- CSS深入理解之vertical-align
- CSS3之设计背景图片(多背景,背景尺寸,背景原点,背景裁剪,遮罩)
- 【H5学习】二、CSS选择器
- Sublime Text 快速折叠CSS代码到一行
- CSS3实战之box-shadow篇
- 纯CSS多级导航栏
- div css float浮动用法(left right)
- css div自适应高度height
- css3 改变默认选中文本背景色和文本颜色
- 用CSS3变形创建半圆形导航
- css3 画半圆和1/4圆
- 解剖css3的background-size属性