html - 如何避免空的清除 div？

Question

我最近使用了很多花车，像这样:

<div id="buttons">
  <input type="button" id="btn1" value="Button One">
  <input type="button" id="btn2" value="Button Two">
  <input type="button" id="btn3" value="Button Three">
</div>

有时我会将按钮 float 到右侧。有时我会将它们全部 float 到右边。这是问题开始的地方。如果我这样做，它真的会影响流程，所以我必须继续添加这些内容:

<div style="clear:both;"></div>

最后。如果我不将它们全部 float ，那会破坏布局。

有好的解决办法吗？

Answer 1

是的，在容器上使用 overflow: hidden 即:

<style type="text/css">
#buttons { overflow: hidden; }
</style>