布局（一）——流体浮动布局

记录一下自学过程中对布局的自我理解

一，流体布局

 

流体布局通俗的讲就像水上偏流的“盒子”一样，哪有缝隙往哪里流动，前提是缝隙放的下“盒子”的宽度，这里的“盒子”宽度用百分比表示，即：width：40%，（相对整个body的宽度），这也算是流体布局的一大优点，可以铺满屏幕

属性用到：

float ：(为“盒子”添加浮动特性)

值	描述
left	元素向左浮动。
right	元素向右浮动。
none	默认值。元素不浮动，并会显示在其在文本中出现的位置。
inherit	规定应该从父元素继承 float 属性的值。

clear：（清除盒子的浮动特性）注意，即使自身没有设置浮动特性，旁边的盒子有，他就要清除浮动，否则他也会“浮动”，看默认设置，

值	描述
left	在左侧不允许浮动元素。
right	在右侧不允许浮动元素。
both	在左右两侧均不允许浮动元素。
none	默认值。允许浮动元素出现在两侧。
inherit	规定应该从父元素继承 clear 属性的值。