-moz-box-sizing
时间: 2023-07-23 12:15:12 浏览: 123
关于box-sizing的全面理解
5星 · 资源好评率100%
-moz-box-sizing 是一个 CSS 属性,用于指定盒模型的计算方式。它是为了兼容旧版的 Firefox 浏览器而设计的,现代浏览器一般使用 box-sizing 属性来实现相同的功能。
-moz-box-sizing 属性有两个可能的取值:
1. content-box:这是默认值,表示元素的宽度和高度只包括内容区域,不包括边框和内边距。
2. border-box:表示元素的宽度和高度包括内容区域、边框和内边距。换句话说,元素的总宽度和高度是由边框框定的。
使用示例:
```
div {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
```
这个示例中,-moz-box-sizing 设置了元素的盒模型为 border-box,而 box-sizing 则是为了兼容其他浏览器。这样设置后,元素的宽度和高度将包括边框和内边距。
阅读全文