浮动标签以及特性

网页中有很多布局效果,标准的布局没法完成,使用浮动改变元素的默认排列方式.

        浮动:

                浮动可以让元素脱离文档流,按照指定的方向进行排列,直到遇到父元素的边界或另外一个浮动元素为止

        标注文档流:

            块级盒子垂直排列,行及文字水平排列

        脱离文档流:

 

        浮动 语法:

            float

            取值:left 左浮动

                 right  右浮动

                 none   不浮动

 浮动的特性:

            1,可以使块级元素在一排排列

            2,可以使元素脱离文档流

            3,可以使元素提升层级

            4,可以使行级元素设置宽高