Question

CSS中添加什么属性，可以使padding不影响整体大小

Answer 1

在这个盒的css中加一条box-sizing:boder-box。

1. 在这个盒的css中加一条box-sizing:boder-box，但是这个是css3的，也许会有其他问题，最好就是如果不改变整体高度，你就去改变内容区域的高度，例如：一个宽高为200px的div；你想给加上padding：10px；此时整体宽高成了220px；你想还是200的话，你就把原来的宽高都缩小到180；就是这样；其实和上面那个css3的属性是一样的效果，只是实现方式不一样。

2. CSS（层叠样式表）是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。有三种方法可以在站点网页上使用样式表：外部样式表、内部样式表和内联样式。

3. CSS具有精简代码，降低重构难度、提升网页访问速度、利于SEO优化等优势，能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

Answer 2

在这个盒的css中加一条box-sizing:boder-box;但是这个是css3的，也许会有其他问题，
最好就是如果不改变整体高度，你就去改变内容区域的高度，
例如：一个宽高为200px的div；你想给加上padding：10px；此时整体宽高成了220px；你想还是200的话，你就把原来的宽高都缩小到180；就是这样；其实和上面那个css3的属性是一样的效果，只是实现方式不一样

Answer 3

-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/

注意：box-sizing属性是CSS3的属性，IE低版本不支持，注意兼容性

Answer 4

在这个盒的css中加一条box-sizing:boder-box;

Answer 5

Vue实践-CSS样式position/display/float属性对比使用