1

我有一个列表项，每个项目内部都有浮动对象。

html:

<ul>
  <li>
    <div class="icon" /><div class="text">blah</div>
  </li>
  <li>
    <div class="icon" /><div class="text">blah</div>
  </li>
</ul>

CSS：

.icon, .text { float: left; }
.text:after { clear: both; }

我的理解是第二种样式应该加一个明确的：都在文本框之后。但似乎并非如此。

通常，我会在 .text div 之后添加一个额外的 DIV，该 DIV 具有“已清除”类或具有清除对象的影响，但我注意到很多人不这样做，而只是使用:after选择器，等同于减少hacky代码。

关于我在其工作原理上缺少什么的任何指示？干杯

4

0 回答 0