HTML – 如何避免空清除div？

我最近一直在使用很多漂浮物：

<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>

有时我会向右边的按钮浮动.有时我会将它们全部漂浮在右边.这是问题开始的地方.如果我这样做,它真的会抛弃流量所以我必须继续投入这些：

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

最后.如果我没有将它们全部浮动,那将抛弃布局.

有一个很好的解决方案吗？

解决方法

是的,使用overflow：隐藏在容器上,即：

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