解决子级用css float浮动而父级div没高度不能自适应高度

最新推荐文章于 2024-03-02 01:01:42 发布

code旅行者

最新推荐文章于 2024-03-02 01:01:42 发布

阅读量3.5k

点赞数

分类专栏：开发拾遗（前端）备忘文（请路过）

备忘文（请路过）同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

开发拾遗（前端）

12 篇文章 0 订阅

订阅专栏

http://www.divcss5.com/jiqiao/j612.shtml

推荐：

对父级div标签闭合</div>前加一个clear清除浮动对象。

加clear效果完整div css代码

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8" /> 
    <title>父div不自适应高度实例</title> 
    <style> 
    .divcss5{width:500px;border:1px solid #000;padding:10px} 
    .divcss5-lf{ float:left; width:220px; height:100px; background:#000} 
    .divcss5-rt{ float:right; width:230px; height:100px; background:#06F} 
    .clear{ clear:both} 
    </style> 
    </head> 
    <body> 
    <div class="divcss5"> 
    <div class="divcss5-lf"></div> 
    <div class="divcss5-rt"></div> 
    <div class="clear"></div> 
    </div> 
    </body> 
    </html>