行内元素float:left后是否变为块级元素？

不会。设置 float: left 或 float: right 会使元素变为 浮动元素，而不是块级元素。虽然浮动元素和块级元素有一些相似的行为，例如它们都会生成块级框（block-level box），并且可以设置宽度和高度，但它们仍然是不同的。

关键区别在于：

浮动元素会脱离文档流。这意味着其他元素会忽略浮动元素的存在，并占据原本浮动元素所在的空间。这会导致文字环绕浮动元素的效果。
块级元素会占据整行，并阻止其他元素与它在同一行显示（除非使用其他的布局技巧，例如 Flexbox 或 Grid）。

所以，虽然浮动元素在某些方面表现得像块级元素，但它们仍然是浮动元素，而不是块级元素。要使行内元素变为块级元素，应该使用 display: block。

总结：

display: block; 将元素转换为块级元素。
float: left; 或 float: right; 将元素转换为浮动元素。

为了更清晰地理解，可以参考以下示例：

<!DOCTYPE html>
<html>
<head>
<style>
.inline {
  display: inline;
  background-color: lightblue;
}
.float-left {
  float: left;
  background-color: lightgreen;
  width: 100px;
  height: 50px;
}
.block {
  display: block;
  background-color: lightcoral;
  width: 100px;
  height: 50px;
}
</style>
</head>
<body>

<span class="inline">这是一个行内元素。</span><br>
<span class="float-left">这是一个左浮动元素。</span>文字环绕浮动元素<br>
<span class="block">这是一个块级元素。</span><br>

</body>
</html>