css 清除浮动

最新推荐文章于 2025-05-13 15:09:04 发布

原创最新推荐文章于 2025-05-13 15:09:04 发布 · 471 阅读

0 ·

CC 4.0 BY-SA版权

web--css 专栏收录该内容

32 篇文章

订阅专栏

1、对父级设置适合CSS高度

左右浮动与父级窗口高度一样。

<html>
  <body>     
     <div style="height:180px; border:1px solid;">
        <div style="float:left;height:178px;"></div>
        <div style="float:right;height:178px;"></div>
      </div>
  </body>
</html>

2.clear{ clear:both}

<html>
  <body>
        <div style="float:left;" id="div1"></div>
        <div style="float:right" id="div2"></div>
        <div style="clear:both"></div>
  </body>
</html>

3、父级div定义 overflow:hidden

<html>
   <body>
     <div style="overflow:hidden" > 
           <div style="float:left;"></div>
           <div style="float:right"></div>
      </div>
  </body>
</html>

总结：http://www.divcss5.com/jiqiao/j406.shtml