css 中的浮动

css中 浮动的作用

     使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”。

css中 浮动的特点

    1)改变元素类型,使元素支持宽高;

    2)半脱离文档流;

    3)文本环绕;

    4)顶对齐;

 

css中 浮动使用的三要素

    1)同级元素一个浮动,其他都要浮动;

    2)子级浮动,父级清浮动;

    3)浮动元素 能设置宽尽量设置宽;

 

css中 清除浮动的三种方法:

    1)给浮动元素父级加overflow:hidden

    2)在浮动元素下面加<br style=‘clearfix:both’/>

    3)给父元素添加zoom:1;样式,并给父元素的:after伪类添加 dispay:block;context:‘’;clear:both;样式

 

 

 

 

 

 

 

    

 

posted @ 2016-12-02 10:36  林思南  阅读(604)  评论(1编辑  收藏  举报