Float 浮动

<div class="pvs-border pvs-p-4" style="max-width:22rem">
  <div class="pvs-float-left pvs-p-3 pvs-mr-3 pvs-mb-2 pvs-bg-primary pvs-border" style="color:#fff;width:4rem;text-align:center">图</div>
  <p class="pvs-m-0 pvs-text-sm">正文环绕左侧浮动块。现代布局优先 flex/grid；float 多用于图文绕排或遗留 CMS 内容。</p>
</div>

<div class="pvs-border pvs-p-4" style="max-width:22rem">
  <div class="pvs-float-right pvs-p-2 pvs-ml-3 pvs-mb-2 pvs-border pvs-bg-surface-muted">右浮</div>
  <p class="pvs-m-0 pvs-text-sm">文字从左侧流入，绕过右侧浮动元素。</p>
</div>

<div class="pvs-border pvs-p-3">
  <div class="pvs-float-left pvs-p-2 pvs-border pvs-bg-surface-muted">float</div>
  <div class="pvs-clear-both pvs-border-t pvs-pt-3 pvs-mt-2 pvs-text-sm">
    <code>pvs-clear-both</code> 另起一行</div>
    </div>

<div class="pvs-float-left pvs-p-2 pvs-border">float</div>
<div class="pvs-float-none pvs-inline-block pvs-p-2 pvs-border pvs-bg-surface-muted">float-none</div>