首页 > 其他 > 详细

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

时间:2018-11-24 13:53:36      阅读:213      评论:0      收藏:0      [点我收藏+]

最近要入门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整体改变

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!