br标签无clear属性，所谓“快速断行”是浏览器兼容性fallback的错觉；正确方案依次为display:flow-root、伪元素clearfix、语义化div清除或改用Flex/Grid布局。
br 标签根本没有 clear 属性，所谓“快速断行”是错觉，不是标准行为，也不能依赖。
br 标签不支持 clear 属性
- HTML5 规范中，
br是 void 元素，不允许有任何属性，clear不在定义内，W3C 验证器会报错 - 你看到的
- 浏览器（如 Chrome、Firefox）在怪异模式或宽松解析下可能“假装识别”，但这是向后兼容的临时 fallback，不是功能保障
为什么它有时“看起来有效”
- 它常出现在浮动元素之后，位置刚好卡在需要换行处，视觉上像“清除了浮动”
- 实际起作用的不是
br，而是浏览器悄悄插入了一个匿名块级框并应用了clear: both - 这个行为不稳定：在
严格模式下可能失效；父容器设了overflow: hidden或display: flow-root后，效果直接消失
正确替代方案（按推荐顺序）
- 给浮动元素的父容器设置
display: flow-root—— 最干净，无额外 DOM，无副作用，现代浏览器全支持 - 使用伪元素 clearfix：
.clearfix::after { content: ""; display: table; clear: both; }，再给父元素加class="clearfix" - 插入语义清晰的清除元素：
（不推荐长期用，但比br clear可控） - 直接弃用浮动，改用
display: flex或display: grid布局——根本不需要clear
容易忽略的关键点
br 的唯一合法用途就是插入单次换行；任何试图给它加布局控制逻辑（比如 clear、style、id）都会让代码进入不可预测状态。尤其在响应式场景或与 CSS-in-JS 工具链配合时，这种写法极易被压缩、剔除或解析异常。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
