根本不起作用，因clear是css属性，仅对参与bfc或浮动上下文的块级元素生效，而是行内换行符，不生成块级盒；现代浏览器忽略该属性，应改用display: flow-root、clearfix伪元素或空。
br 标签加 clear 属性根本不起作用
<br clear="both"> 这种写法在现代浏览器里不会触发清除浮动行为。它曾是 HTML 3.2 和早期 HTML 4.01 Transitional 中的非标准用法，但早在 HTML5 中就被彻底废弃。浏览器即使兼容渲染，也只是当作无意义属性忽略——clear 是 CSS 属性，只对具有盒模型、参与 BFC 或浮动上下文的元素生效，而 <br> 是一个行内换行符，不生成块级盒，也不参与浮动清除逻辑。
真正起作用的清除方式只有三种
浮动清除必须作用于“后续兄弟元素”或“父容器”，而不是靠 <br> 插队：
- 给浮动元素的**后一个兄弟块级元素**加
clear: both（如<p style="clear:both"></p>） - 给浮动元素的**父容器**触发 BFC：比如
overflow: hidden、display: flow-root（推荐）、float: left（本身浮动） - 用伪元素清除：
::after { content: ""; display: table; clear: both; }，这是经典的 clearfix 方案
为什么老项目里还能看到
？
那是历史遗留的“过渡性妥协”写法，常见于 2000 年代初的表格布局时代。当时 IE6/IE7 对 CSS 支持极差，开发者用 <br clear="left"> 模拟“清左浮”来避免文字绕排错乱。但这种写法：
Coding Agent Loops
下载
一款AI工具，主要用于在持久tmux会话中运行AI编码代理(Codex、Claude Code)，使用Ralph重试循环和完成钩子处理多步骤编码任务，适合需要提升相关任务效率的用户。
- 在 Chrome/Firefox/Safari 中从不被解析为清除行为
- 在 IE8+ 中也仅作为 vendor-specific 行为存在，且不可靠
- 会干扰可访问性（屏幕阅读器可能误读为“换行+清除”，实际无语义）
- 和响应式布局完全冲突——
<br>无法响应宽度变化
现在该用什么代替？
优先选语义清晰、CSS 控制力强的方式：
- 用
display: flow-root给父容器（最简洁，现代浏览器全支持） - 需要兼容老 IE？上
clearfix类，配合::after伪元素 - 纯功能需求且无样式要求？直接加一个空
<div style="clear:both">，比 <code><br clear>更明确、更可控 - 绝对不要在 Flex 或 Grid 布局中尝试任何
clear—— 它们天然不依赖浮动，加了也无效
记住：clear 不是“让下一行从头开始”，而是“让当前元素的上边界避开前面浮动元素的下边界”。这个逻辑和 <br> 的换行语义毫无关系。
