上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

CSS Mastery浮动元素清除问题

[复制链接]
  • TA的每日心情
    开心
    4 小时前
  • 签到天数: 57 天

    [LV.5]常住居民I

    354

    主题

    3128

    帖子

    3129

    积分

    管理员

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    3129

    猫咪币纪念章国庆纪念章中秋纪念章荣誉开发者家财万贯管理员

    发表于 2022-4-28 19:32:07 | 显示全部楼层 | 阅读模式

    但清除一个元素本质上会为所有前面的浮动元素清理出一块垂直空间,这就为使用浮动布局创造了条件,因为周围的元素可以为浮动元素腾出地方来
    这里我个人的理解是翻译的问题
    清除一个元素是只元素脱离布局流
    而是只我们在float的后边加一个div进行clear属性
    让clear属性针对上方的float元素生成一个浏览器自动外边距
    这样就可以使浮动元素被让出一定的垂直宽度
    虽然脱离的布局流
    但是不会出现环绕问题

    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
  • TA的每日心情
    慵懒
    昨天 02:52
  • 签到天数: 69 天

    [LV.6]常住居民II

    153

    主题

    2029

    帖子

    2157

    积分

    管理员

    Rank: 10Rank: 10Rank: 10

    积分
    2157

    猫咪币纪念章热心会员活跃会员突出贡献三好学生中秋纪念章国庆纪念章管理员家财万贯

    发表于 2022-4-29 09:32:05 | 显示全部楼层
    听不懂,来点🌰
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
    回复

    使用道具 举报

  • TA的每日心情

    2022-7-24 21:32
  • 签到天数: 32 天

    [LV.5]常住居民I

    3

    主题

    49

    帖子

    68

    积分

    初级工程师

    Rank: 4

    积分
    68
    发表于 2022-4-29 10:02:58 | 显示全部楼层
    float 的设计之初,说是为了解决环绕问题,结果被玩坏了……
    更重要的是浮动不仅有自己的布局模式,还顺带改变了原来的文档流布局模式,导致line box塌陷。

    我个人觉得,利用浮动来做结构布局,本身就不应该是它原来的职能。除了让人觉得逼格更高,真的造成很多麻烦,尤其是浮动和定位一起用。
    不过不得说,浮动和定位一起用,有时候是真的香。
    回复

    使用道具 举报

  • TA的每日心情
    开心
    4 小时前
  • 签到天数: 57 天

    [LV.5]常住居民I

    354

    主题

    3128

    帖子

    3129

    积分

    管理员

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    3129

    猫咪币纪念章国庆纪念章中秋纪念章荣誉开发者家财万贯管理员

    发表于 2022-4-29 14:30:23 | 显示全部楼层
    极品小猫 发表于 2022-4-29 10:02
    float 的设计之初,说是为了解决环绕问题,结果被玩坏了……
    更重要的是浮动不仅有自己的布局模式,还顺带 ...

    float用法和问题都挺多的...
    而且flex布局用的多之后感觉很少用的float

    为了找工作
    去他妈的题经
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情

    2022-7-24 21:32
  • 签到天数: 32 天

    [LV.5]常住居民I

    3

    主题

    49

    帖子

    68

    积分

    初级工程师

    Rank: 4

    积分
    68
    发表于 2022-4-29 15:03:18 | 显示全部楼层
    李恒道 发表于 2022-4-29 14:30
    float用法和问题都挺多的...
    而且flex布局用的多之后感觉很少用的float
    {:4_96: ...

    我个人倾向于 CSS 能做,就减少HTML

    但是有时候,flex 与 grid 带来的巨大代码量,真的让人头皮发麻。
    而 float 搭配 position 做简单的布局的时候,真的稳。
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表