box-sizing（css3笔记）

            属性：   box-sizing

浏览器支持：    Internet Explorer、Opera 以及 Chrome 支持 box-sizing 属性。

                     Firefox 支持替代的 -moz-box-sizing 属性。

定义和用法:    box-sizing属性允许您以特定的方式定义匹配某个区域的特定元素

                    eg:假如您需要并排放置两个带边框的框，可以通过将box-sizing设置为“border-box”。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框内。

        语法： content-box | border-box | inherit

        content-box: 宽度、高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框

       border-box: 为元素设定的宽度和高度决定了元素的边框盒，即为元素指定的任何内边距和边框都将在已设定的宽度和高度内设置。

        inherit: 规定从父元素继承box-sizing的值。