这是《前端总结·基础篇·CSS》系列的第一篇，主要总结一下布局的基础知识。

一、显示（display）    1.1 盒模型（box-model）    1.2 行内元素（inline） & 块元素（block）    1.3 行内块元素（inline-block IE8+ IE6-7/tools）    1.4 flex（IE11+ IE10/-ms-）    1.5 none二、位置（position）
三、补充    3.1 浮动（float）    3.2 层叠（z-index）    3.3 溢出（overflow）    3.4 resize（notIE）（CSS3）    3.5 分栏（column）（IE10+ notOperaMini）（CSS3）

一、显示（display）

1.1 盒模型（box-model）

看图了解盒模

seo优化培训,网络推广培训,网络营销培训,SEM培训,网络优化,在线营销培训

盒模型包括内容（content）、填充（padding）、边框（border）、边距（margin）。我们给元素设置的高度，是内容（content）的高度。再给元素添加填充（padding），元素看起来会更高。

网友评论