11.21 笔记

1.一个元素浮动起来会不再占用原来位置（脱离文档流），同时发生浮动的盒子会在同一时间进行排列。如果说多个元素同时给左浮动，元素就会从左到右在一行排列。

2.盒子的真正大小：border+paddi+content

3.margin:20px；（上下左右）

margin：20px 20px；（上下 ,左右）

margin：20px 20px 20px；（上，左右，下）

margin：20px 20px 20px 20px;（上右下左)

outline-style	轮廓线样式
float	浮动
clear	清除浮动
border	边框
padding	内边距
margin	外边距
margin-top	上边距
auto（只能用于块元素）	自适应
box-sizing：border-box	避免影响盒子大小