css核心属性 -浮动属性

1.浮动

        属性：float

        取值：none ====  不浮动，默认值

         left =====          左侧浮动，从左侧向右侧进行一次排列

          right ===== 右侧浮动，从右侧向左侧进行一次排列

        总结：如果添加none没有任何效果，如果添加left/right,不占页面空间，后面的元素上来补全位置  ，如果给所有元素都添加左侧浮动，所有元素开始依次进行排列

2.浮动带来的影响

        浮动带来的影响是：前面的元素上去了，后面的元素上去补全位置，容易把下面的布局遮盖住

        如果不想上去补全位置，消除浮动带来的影响： 浮动是影响的后面的元素，需要给后面元素添加清楚浮动带来的影响，

                clear: 

                        none --------- 不清楚浮动带来的影响

                        left -----------  清楚左侧浮动带来的影响

                        right ---------- 清楚右侧浮动带来的影响

                        both ---------- 清楚所有浮动带来的影响

           

3.清除浮动的应用

4. 如何 显示成一左一右的布局

             设置左侧盒子左浮动，右侧盒子右浮动

                举例：.{

                height:100px;

                weight:100px;

                background-color:red;

                font:left

}

                

.{

                height:100px;

                weight:100px;

                background-color:green;

                font:right

}