前端学习基础之css3盒子模型(box-sizing:border-box)

之前给div一个300的宽高,最后盒子的宽度=width+padding+border;高度同理。
在这里插入图片描述
而如果不想盒子宽高被padding和border影响,可以使用:
box-sizing:content-box;
效果如下图:此时盒子的宽高就是所设置的width和height. padding和border包含其中。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/gua222/article/details/107469297
今日推荐