浮动流

作者: 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.浮动流中,浮动元素的高度不能撑起父元素的高度

    相关文章

      网友评论

          本文标题:浮动流

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