浮动流

作者: shoage | 来源:发表于2019-02-17 19:49 被阅读4次

1.float,设置为left表示该元素需要和他的父元素的 左边对齐,设置为right表示该元素需要和他的父元素的右边对齐

 2.一种版脱离标准流的的排版方式,原因是7.3

 3.只有水平排版方式,元素的左对齐或者右对齐

 4.浮动流没有居中对齐,也就是没有center取值

 5.float是不能使用margin:0 auto来让元素居中的

 6.不区分块级 行内 块级行内,都能使这些元素水平排版,并且都能设置这些元素的宽和高

7.排序规则

    7.1同一个方向,先浮动的元素显示在前面,后浮动的元素显示在后面

    7.2不同方向的浮动,左浮动原酸会找左浮动元素,右浮动元素会找右浮动元素

    7.3浮动元素浮动之后的位置,由浮动元素浮动之前在标准流之中的位置来决定

8.贴靠现象,浮动元素贴靠后,如果超出了父元素宽度,则会寻找上一个贴靠元素贴靠,如果还不够,继续寻找直到父元素,此时不管够不够,都会贴靠在父元素

9.字围现象,浮动元素盖在不浮动元素上面时,会给不浮动元素让位子,表现为不浮动元素里的文字不会被上面的浮动元素挡住,用途:图文混排

10.浮动流中,浮动元素的高度不能撑起父元素的高度

相关文章

  • CSS浮动

    浮动 布局的三种基本方式:标准流 按照标签默认的特性摆放盒子即为标准流浮动流 利用浮动摆放盒子即为浮动流定位流 利...

  • # 网页的布局方式(标准流/浮动流/定位流)

    # 网页的布局方式(标准流/浮动流/定位流) # 浮动元素的脱标 # 浮动元素排列规则 # 贴靠现象 # 清除浮动...

  • 浮动元素产生的浮动流及消除

    一、浮动元素会产生浮动流 HTML 浮动元素产生浮动流所有产生了浮动流的元素,只有块级元素看不到他们产生了bfc的...

  • 浮动流

    浮动脱标 脱标: 脱离标准文档流。当某一个元素浮动之后, 那么这个元素看上去就像被从标准流中删除了一样, 这个就是...

  • 浮动流

    网页的布局方式 什么是网页的布局方式? 网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的 标准流(文档...

  • 浮动流

    1.float,设置为left表示该元素需要和他的父元素的 左边对齐,设置为right表示该元素需要和他的父元素的...

  • 溢出,文档流和内联浮动

    overflow(溢出) 文档流 浮动 内联浮动

  • 浮动模型

    浮动:float: left / right ; 浮动元素产生了浮动流:1.所有产生了浮动流的元素,块级元素看不到...

  • CSS中float属性

    浮动流的特点 被float 属性修饰的标签就成为了浮动流,就会漂浮在标准流的上层。既然属于浮动流那么他就不在属于标...

  • 第五次课程小结:清除浮动

    什么是浮动 浮动的本质:实现文字环绕效果元素脱离文档流不脱离文字流脱离文档流:假如A元素浮动了,原本排在该元素之后...

网友评论

      本文标题:浮动流

      本文链接:https://www.haomeiwen.com/subject/fxfneqtx.html