-webkit-appearance:none 清除iOS中预置的样式，如input，botton

CSS box-sizing属性允许我们在元素的总宽度和高度中包含填充和边框。默认情况下，元素的宽度和高度计算如下： width + padding + border =元素的实际宽度 height + padding + border =元素的实际高度

CSS3 中可以通过 box-sizing 来指定盒模型，有两个值：即可指定为 content-box、border-box，这样我们计算盒子大小的方式就发生了改变。　如果盒子模型我们改为了 box-sizing：border-box，那么 padding

表格中的数字表示支持该属性的第一个浏览器版本号。box-sizing 属性允许你以某种方式定义某些元素，以适应指定区域。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。也就是说，

padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 . 此属性表现为标准模式下的盒模型。如果做响应式布局，一般采用box-sizing:border-box;

第一篇博文深入浅出JMS(一)–JMS基本概念，我们介绍了JMS的两种消息模型：点对点和发布订阅模型，以及消息被消费的两个方式：同步和异步，JMS编程模型的对象，最后说了JMS的优点。第二篇博文深入浅出JMS(二)–ActiveMQ简单介绍以及安装，我们介

content-box：标准盒模型，又叫做 W3C盒模型，一般在现代浏览器中使用的都是这个盒模型border-box：怪异盒模型，低版本IE浏览器中的盒模型现代浏览器和IE9+默认值是content-box。box-sizing：content-box |

css流体布局下的宽度分离原则宽度分离原则就是将width独立占用一层标签,而border、margin、padding利用流动性在内部自适应呈现。}此时.box的宽度是102px,然后设计师需要20px的留白那么现在我们需要增加padding:20px;

您可以使用CSS reset 库Normalize等，也可以使用一个更简化的复位方法：。}现在元素的 margin 和 padding 已为0，box-sizing可以管理您的CSS盒模型布局。}如此在插件或其它组件里改变 box-sizing 变得简单。

W3C规范一般来说，页面中的每一个元素都会形成一个矩形盒子，渲染引擎根据给定的样式确定这个盒子的呈现。通俗的来说，页面的布局就是一个个盒子的排列和摆放。Each box has a content area and optional surroundin

对象的实际宽度等于设置的width值和border、padding之和，即 此属性表现为标准模式下的盒模型。border-box：padding和border被包含在定义的width和height之内。示例：content-box:.test1{ box-

padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 . 此属性表现为标准模式下的盒模型。如果做响应式布局，一般采用box-sizing:border-box;

懂得如何运用box-sizing之前，必须需要了解一下常规盒模型和怪异盒模型。我们都知道盒模型从里到外主要包括：content，padding，border，margin。两种盒模型的宽度width 标准盒模型的width = content 怪异盒模

This is useful since it makes it much easier to define flexible widths where you also need padding and/or borders. A typical exa

box-sizing是CSS3的box属性之一。一说到CSS的盒模型我想很多人都会比较烦，特别是对于新手，然而这个Box model又是我们CSS运用中比较重要的一个属性。那么CSS3的Box-sizing跟盒模型有什么关系呢？第一句话就说了，Box-si

盒子宽度、高度计算公式：css元素宽度 = width + padding + bordercss元素高度 = height + padding + border. css3之前，当我们需要呈现一个宽度为200px的盒子时，我们需要减去它本身的内边距、边框

box-sizing属性是css3中新添加的属性，用来替换原来的css盒子模型，box-sizing属性值的不同，元素的高度和宽度的计算方法也不同。box-sizing: padding-box;在默认情况下，设置的width和height属性都是指元素内

padding-top: 0 !important;padding-bottom: 0 !important;-moz-box-sizing: border-box !important;-webkit-box-sizing: border-box !im

box-sizing 属性允许你以某种方式定义某些元素，以适应指定区域。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。值说明content-box这是CSS2.1指定的宽度和高

box-sizing属性用来定义元素的width和height所表示的区域,该属性一般有三种值：content-box、border-box、inherit。content-box也叫标准盒子模型，是默认值。举个例子，如果这个元素的宽度为100px，那么它