css基础-盒模型
网页基本元素是盒子,网页布局核心就是布局盒子,所谓盒子就是把元素看成放内容的容器
盒子模型组成
- 实际内容 content
- 内边距padding
- 边框border
- 外边距margin
盒子大小计算
box-sizing: content-box;默认值
宽度=content+border+padding+margin
box-sizing: border-box;
width:200px如果宽度200px, 如果设了border padding,margin值,实际内容区域宽度需减去这些宽度
人生旅途,边走边看...