李恒道 发表于 2022-4-28 19:32:07

CSS Mastery浮动元素清除问题

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

王一之 发表于 2022-4-29 09:32:05

听不懂,来点🌰

极品小猫 发表于 2022-4-29 10:02:58

float 的设计之初,说是为了解决环绕问题,结果被玩坏了……
更重要的是浮动不仅有自己的布局模式,还顺带改变了原来的文档流布局模式,导致line box塌陷。

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

李恒道 发表于 2022-4-29 14:30:23

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

float用法和问题都挺多的...
而且flex布局用的多之后感觉很少用的float
{:4_96:}{:4_96:}{:4_96:}{:4_96:}
为了找工作
去他妈的题经

极品小猫 发表于 2022-4-29 15:03:18

李恒道 发表于 2022-4-29 14:30
float用法和问题都挺多的...
而且flex布局用的多之后感觉很少用的float
{:4_96: ...

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

但是有时候,flex 与 grid 带来的巨大代码量,真的让人头皮发麻。
而 float 搭配 position 做简单的布局的时候,真的稳。{:4_98:}
页: [1]
查看完整版本: CSS Mastery浮动元素清除问题