css布局

默认文档流是从左到右，从上到下的排列元素。
脱离文档流会打破这种排列方式。

float和clear（浮动和清除）

浮动可以让原来上下堆叠的块级元素，变成左右并列，从而实现，布局中的分栏。
float：left或right
设置三个div,都未添加浮动

给第2个div添加浮动，2浮动了起来，3跑到了1的下边。

给3也添加浮动，3跑到了2的旁边。

第二幅图中，若不想3浮动到1下边怎么办？
用clear：left或right或both
left :不允许左边有浮动对象
right :不允许右边有浮动对象
both :不允许有浮动对象
添加了clear属性后

position（定位）

position：relative或absolute或fixed
一般与top，left，bottom和right连用

relative（相对定位）

定位是相对于它的前一个对象进行偏移

absolute（绝对定位）

会脱离文档流，相对于其最接近的一个具有定位设置（relative或absolute）的父对象进行绝对定位，如果不存在这样的父对象，则依据body对象。其层叠通过z-index属性定义。

z-index

设置绝对定位中元素位置的层次，数字小的在下边

fixed

元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的也不会移动。一般用户窗口右下角的小广告。

display（显示）

display：none或inline或block
inline或block可以变更元素的显示类型。

none

隐藏对象，与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间。