这是《前端总结·基础篇·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）
看图了解盒模
盒模型包括内容（content）、填充（padding）、边框（border）、边距（margin）。我们给元素设置的高度，是内容（content）的高度。再给元素添加填充（padding），元素看起来会更高。
延伸阅读
- ssh框架 2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
- 从栈不平衡问题 理解 calling convention 2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
- 集合结合数据结构来看看(二) 2017-07-26
学习是年轻人改变自己的最好方式