HTML – 如何避免空清除div?

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的HTML相关文章