HTML浮动元素高度问题讲解

浮动元素的高度问题

1、在标准流中，内容的高度可以撑起父元素的高度。

2、在浮动流中，浮动的元素是不可以撑起父元素的高度的。

（推荐教程：htML教程）

!DOCTYPE html>
    html>
    head>
        meta charset="UTF-8">
        tITle>
    D129_FloatExcriseXia/title>
        style>
        .fuyuansu,.fuyuansu1{
                border:2px black solid;
        }
        .biaozhun{
                width:100px;
                height: 100px;
                background-color: red;
        }
        .fudong{
                width:100px;
                height: 100px;
                background-color: yellow;
                float:left;
        }
    /style>
    /head>
    body>
    div>
        div>
    /div>
    /div>
    hr>
    div>
        div>
    /div>
    /div>
    /body>
    /html>
    

结果如图：

更多编程相关内容，请关注编程入门栏目！

以上就是HTML浮动元素高度问题讲解的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！