css的 float

<div class="parent">
  <div class="child" style="float: left;">浮动元素</div>
</div>
<style>
.parent {
  overflow: auto; /* 或者使用 clearfix 技巧 */
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
</style>

<div class="container">
  <div class="float-left">浮动元素</div>
  <div class="normal-element">正常元素</div>
</div>
<style>
.float-left {
  float: left;
}
.normal-element {
  margin-left: 100px; /* 根据浮动元素调整 */
}
</style>

<div class="container">
  <div class="float-left">浮动元素</div>
  <div class="clear"></div>
  <div class="normal-element">正常元素</div>
</div>
<style>
.clear {
  clear: both;
}
</style>