首页 > Web开发 > 详细

CSS浮动

时间:2020-05-17 15:32:01      阅读:54      评论:0      收藏:0      [点我收藏+]

 

通过浮动可以是一个元素向其父元素的左右移动。

float:(1) none 默认值,不浮动。

    (2) left right  向左、右端浮动。

注意: (1) 元素浮动后,水平布局的等式不需要再成立。

    (2) 元素浮动后完全脱离文档流,不再占文档流位置,故下方的元素会自动上移。

    (3) 默认不会从父元素中移出。

    (4) 浮动元素左右移动时不会覆盖它前面的其他浮动元素。

    (5) 如果浮动元素上方是一个没有浮动的元素,则浮动元素上移。

    (6) 浮动元素不会超过它前一个浮动兄弟元素,最多和它一样高。

技术分享图片

 

 

 浮动的特点:1、浮动元素不会盖住文字,文字会自动环绕在浮动元素周围。

       2、元素脱离文档流后一些特点会变化。

脱离文档流特点:(1)块元素不再独占一行。

        (2)块元素的宽度和高度默认内容撑开。

        (3)行内元素会变成块元素,特点与块元素相同。所以不需要区分块和行内了。

 

 

    

CSS浮动

原文:https://www.cnblogs.com/L-Memory/p/12905239.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!