网站开发技术

admin

管理员

css 神器的 border-box

border-box 可以改变盒子模型。

标准的盒子模型. 属性 width 表示内容的宽度， 没有包括 padding 和 border .

如果使用 border-box 就表示宽度包括 padding , 和 border 了。

.bb {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

想改变盒子模型的增加一个 class='bb' 就可以了。

注意 margin 还是要考虑的。 低版本的ie是不支持的，最低ie8

---

ipbbs.net