H5 59-浮动元素的脱标

2022-11-27 11:47:01
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>59-浮动元素的脱标</title>

    <style>

        .box1{

            float: left;

            width: 100px;

            height: 100px;

            background-color: red;

        }

        .box2{

            width: 150px;

            height: 150px;

            background-color: blue;

        }

    </style>

</head>

<body>

<!--

1.什么是浮动元素的脱标?

脱标: 脱离标准流

当某一个元素浮动之后, 那么这个元素看上去就像被从标准流中删除了一样, 这个就是浮动元素的脱标

2.浮动元素脱标之后会有什么影响?

如果前面一个元素浮动了, 而后面一个元素没有浮动 , 那么这个时候前面一个元就会盖住后面一个元素

-->

<div class="box1"></div>

<div class="box2"></div>

</body>

</html>
码农公寓

相关文章
