给div加上padding和border，如何不让div整体改变

标签：影响   实现   遇到   浏览器   text   需要   style   code   box   

最近要入门H5,遇到很多困惑，所以，每解决一个，我就要写在博客里，以防忘记！

给div加上padding和border，如何不让div整体改变？

如果想要实现这样的效果，只需要在这个div块中写入

box-sizing:border-box;

CSS3 box-sizing属性有3个值

1 :  content-box;

我想这个值就是一般浏览器的默认的，div的实际宽度 = div的width + pading + border;（标准盒模型）

2 :  border-box;

这个值可以不让padding盒border影响div的整体大小，div的实际宽度 = div的width （怪异盒模型）

3 :  inherit；

在子元素中写inherit可以继承父元素的box-sizing值；

给div加上padding和border，如何不让div整体改变

标签：影响   实现   遇到   浏览器   text   需要   style   code   box   

原文地址：https://www.cnblogs.com/Ryan777/p/10011367.html