不会，float 不会改变 inline 元素的 computed display 值；getComputedStyle(el).display 仍返回 "inline"，但触发块化渲染（blockification），使其可设宽高和上下 margin。
float 会让 inline 元素的 computed display 变成 block 吗？
不会。设置 float: left 或 float: right 后，getComputedStyle(el).display 返回的仍是原始值，比如 "inline"。浏览器内部启动的是**块化渲染（blockification）**，不是修改 display 计算值。
你可以用这段代码验证：
const span = document.querySelector('span');
span.style.float = 'left';
console.log(getComputedStyle(span).display); // 输出 "inline"
但此时它能设 width、height、margin-top——这不是因为 display 变了，而是浮动强制它按块级盒模型参与布局。
为什么有些测试显示 display 值变成了 block？
那是因为你测的是被用户代理样式（UA stylesheet）影响的元素，或用了某些旧版浏览器（如 IE6–8），或者没注意元素是否是替换元素（如 <img alt="CSS中行内元素浮动后display值会变成什么？" >）。现代标准浏览器（Chrome/Firefox/Safari/Edge）中：
立即学习“前端免费学习笔记（深入）”；
-
<span></span>+float: left→computed display保持"inline" <div> + <code>float: left→ 仍为"block"-
<img alt="CSS中行内元素浮动后display值会变成什么？" >（替换元素）+float: left→ 通常也保持"inline"，但渲染行为同块级 -
float触发块化渲染，但元素仍在文档流中“部分参与”（后续内联内容会环绕它） -
position: absolute完全脱离文档流，且同样让display: inline元素可设宽高、四边 margin - 两者都**不改变
getComputedStyle(el).display的返回值** - 唯一能彻底压制 float / position 影响的，只有
display: none
关键点：浮动不改声明值，也不改计算值；它只覆盖 display 的布局语义，且这种覆盖不可逆——清除浮动（clear）或触发 BFC（overflow: hidden）都不影响该元素自身的 display 行为。
float 和 position: absolute 对 display 的影响一样吗？
表现相似，但机制不同：
所以别依赖 display 值去判断浮动状态；要用 getComputedStyle(el).float 查浮动值，或直接检查布局行为。
实际开发中该注意什么？
最易忽略的是：清除浮动（比如用 ::after + clear: both）只修复父容器塌陷，**不会让子元素“回归 inline 行为”**。那个 span 还是不能被文字正常包裹（除非你删掉 float）。
如果你本意是让行内元素获得宽高控制又不脱离流，display: inline-block 是更可控的选择；浮动更适合图文环绕、多列并排等老式布局场景。
真要撤销浮动效果，必须显式写 float: none，而不是靠 clear 或 overflow。
