【基础】css基础知识

1、真正盒子的宽度(在页面呈现出来的宽度)和高度:

padding + border + width = 盒子的宽度

padding + border + height = 盒子的高度

2、box-sizing:border-box

一个宽度为200px的盒子,那么我们直接设置宽度为200px,不要考虑padding 内边距

box-sizing同样可以设置为content-box,这样设置CSS的宽度的时候仅仅是设置的它的内容区的宽度,浏览器默认都是如此

posted @ 2016-05-14 14:08  五艺  阅读(114)  评论(0编辑  收藏  举报