设置元素浮动后,该元素的 display 值是多少?

自动变成 display: block。

补充:

  • 浮动的元素会被当成块级元素处理,相当于 display: block,无论它原本是行内元素、inline-block 还是块级元素。
  • 但要注意,"display 变为 block" 指的是格式化行为,CSS 计算样式上 display 的值本身并没有被修改(DevTools 中查看 computed style 仍可能是 inline 等)。
  • 这也是为什么浮动元素可以设置 width / height,且多个浮动元素会按规则横向排列、并可能产生"高度坍塌"等副作用,需要清除浮动。