浮动元素修改宽高，是否会触发布局调整？

发布日期： 2024-10-29 阅读量： 作者： 网络

浮动元素修改宽高，是否会触发布局调整？

浮动元素自有其渲染之法，修改宽高影响布局否？

浮动元素的存在使文本内容对其环绕，倘若对其宽高频繁修改，是否会触发大规模的布局调整？

让我们从分层与渲染视角着手，进一步探究问题的答案。

从分层来看，浮动元素与其相邻元素处于同一层级。而从渲染角度观察，图像的绘制（paint）可被称作重绘，布局（layout）则对应重排。

为了验证，我们编写了测试代码：

<!-- 省略代码 -->
<div class="box">
  @@##@@
  文本内容
</div>
<!-- 省略代码 -->

随便看看