zoukankan      html  css  js  c++  java
  • CSS浮动float父div没有高度的问题

    如下所示,子元素 div2 本身具有高度和宽度,但由于其具有float:left;属性后。其父元素 div1 不具有高度。

    <html>
        <head>
        </head>
        <body>
            <div id="div1">
                <div id="div2" style="100px;height:20px;background:red;float:left;"></div>
            </div>
        </body>
    </html>

    当然我们可以直接给 div1 设置固定高度来解决。另外一种解决办法是给父元素 div1 设置 overflow:hidden 属性。如下所示:

    <html>
        <head>
        </head>
        <body>
            <div style="overflow:hidden;">
                <div style="100px;height:20px;background:red;float:left;"></div>
            </div>
        </body>
    </html>

  • 相关阅读:
    HTML 图片文字滚动
    Request.QueryString的用法
    细线表格的制作
    photoshop的小小快捷键
    制作首页
    css
    编写BLL层
    完成新闻表操作类
    编写剩下的存储过程
    重构SQLHelper2
  • 原文地址:https://www.cnblogs.com/BluceLee/p/12336277.html
Copyright © 2011-2022 走看看