收起左侧

[前端] css样式浮动的特点

1
回复
[复制链接]
avatar
  • TA的每日心情
    qdsmile擦汗
    2024-7-8 16:43
  • 签到天数: 216 天

    [LV.7]超级吧粉

    2

    主题

    0

    帖子

    494

    积分

    发表于 2023-2-27 09:35:52 | 显示全部楼层 |阅读模式
    浮动的特点:

    1、设置浮动后,水平布局等式不需成立,并且元素从文档流脱离,不再占用文档流位置

    2、设置浮动可以将元素向其父元素的左方向或者右方向浮动

    3、浮动元素不会浮动出父元素

    4、浮动元素移动时不会超过之前的浮动元素

    5、浮动元素不会超过他上边的兄弟元素,最多是和他一样高

    6、浮动元素不会盖住文字,文字自动环绕图片

    脱离文档流特点:

    1、块元素不在占满一行,宽度和高度默认被内容撑开

    2、行内元素变成块,特点和块元素脱离文档流一样

    3、不再区分块元素和行内元素

    BFC(Block Formatting Context):

    1、开启BFC后,元素变成一个独立的布局区域

    2、开启BFC的元素不会被浮动元素所覆盖

    3、开启BFC的元素和父元素外边距不会重叠

    4、BFC内可有包含浮动元素

    开启BFC的方法:

    1、HTML元素本身

    2、float的值不为none

    3、position为absolute或者fixed

    4、display的值为inline-block、table-cell、table-caption

    5、overflow的值不为visible












    参与人数 1金币 +180 收起 理由
    avatar itjc8 + 180

    查看全部评分总评分 : 金币 +180

    avatar
  • TA的每日心情
    qdsmile开心
    2023-5-15 22:33
  • 签到天数: 1 天

    [LV.1]小吧新人

    0

    主题

    1

    帖子

    13

    积分

    发表于 2023-5-15 22:58:35 | 显示全部楼层
    1111
    您需要登录后才可以回帖 登录 | 立即注册 QQ登录

    本版积分规则