本文参考CSS中文文档CSS3box-sizing属性指定两个框的边框:div{box-sizing:border-box;-moz-box-sizing:边框框;/*Firefox*/宽度:50%;float:left;}浏览器支持表中的数字表示第一个支持该属性的浏览器的版本号。紧接在-webkit-、-ms-或-moz-之前的数字是支持前缀属性的第一个浏览器的版本号。属性IEChromeFFsafariOpenbox-sizing10.04.0-webkit-8.029.02.0-moz-5.13.2-webkit-9.5属性定义及使用说明box-sizing属性允许您以某种方式定义某些元素以适应指定区域。例如,如果您需要并排放置两个带边框的框,您可以通过将box-sizing设置为“border-box”来实现。这会导致浏览器呈现一个具有指定宽度和高度的框,并将边框和填充放在框内。默认值:content-box继承:无版本:CSS3JavaScript语法:object.style.boxSizing="border-box"语法box-sizing:content-box|border-box|inherit:值描述content-box这是CSS2.1指定宽度和高度的行为。指定元素的宽度和高度(最小/最大属性)适用于框的宽度和高度。元素的padding和border除了指定的宽高外都是布局和绘制的border-box指定宽高(min/max属性)来决定元素的borderbox。也就是说,指定元素的宽度和高度包括指定填充和边框。内容的宽度和高度减去边框和填充各自的宽度是根据指定的“width”和“height”属性计算的,继承了指定的box-sizing属性的值,应该继承自父元素相关文章CSS3教程:CSS3用户界面本文参考CSS中文文档
