浮动

语法

    float:none/left/right;

 

有三个取值

    left:元素活动浮动在文本左面

    right:元素浮动在右面

    none:默认值，不浮动。

 

 

float

    定义网页中其它文本如何环绕该元素显示

 

目的

    就是让竖着的东西横着来

 

特点

    1、浮动不占位置

    2、一旦一个元素浮动，后面的不浮动就会跑上去

    3、如果所有的元素都向一个方向浮动，那么所有的元素都横着排

    4、如果所有的元素都从左往右排，用left；

         如果所有的元素都从右往左排，用right

         如果想一左一右排列，就分别给元素加left和right

    5、clear只能清除自己本身的浮动效果，使用元素的本身受影响

            a）小跟班跟着自己走 如2跟着1，3跟着2，依此类推

            b）不分左右，就用both

    6、父元素的宽高要能包含子元素

 

清除浮动

清除浮动可以理解为打破横向排列。

 

语法：

    clear : none | left | right | both

none：默认值。允许两边都可以有浮动对象

left：不允许左边有浮动对象

right:不允许右边有浮动对象

both:不允许有浮动对象

 

对于CSS的清除浮动(clear)，只能影响使用清除元素的本身，不能影响其他元素

转载于:https://www.cnblogs.com/tis100204/p/10297133.html