CSS-浮动属性盒子模型

浮动的作用：定义网页中其他文本如何环绕该元素显示，还有就是让竖着的东西横着放

使用float，float：left （靠左漂浮），right（靠右漂浮），none（不漂浮）

清浮动，高度塌陷的解决方法：写固定高度，或者使用clear

clear：none(允许有浮动对象) || right(不允许右边有浮动对象) || left(不允许左边有浮动对象) || both(左右都不允许有浮动对象)

盒子模型：

盒子模型是CSS布局的基石，它规定了网页元素，如何显示以及元素间相互关系，CSS所有元素都可以拥有像盒子一样的外形和平面空间，都包含边框边界内容区。

margin：外边距 （margin-right，margin-top,margin-botton,padding-left）

border：边界 （style：solid || double || dashed || dotted）

padding：内边距 （1：上下左右，2：上下，左右，3：上 左右 下 4：上 右 下 左）

content：内容区

横向居中：margin :0 auto

外边距特性问题：

1.兄弟关系：两两相靠，垂直方向外边距取最大值，水平方向外边距相加

2.父子关系：通过父盒子的padding-top控制外边距

                     父盒子加上border，如何子盒子加上margin

                     加浮动

                     overflow：hidden（bfc）