当前位置：网站首页>The setting float cannot float above the previous Div

The setting float cannot float above the previous Div

2022-07-24 12:35:00 【Yidamu salty alcohol】

I stepped on another pit today , I forgot float The original effect of the style 【 cry 】.
So let's look at the code ：
html Code ：

<body>
    <div class="box1"></div>
    <div class="box2"> Setting the float will only affect the layout of the following elements </div>
    <div class="box3"></div>
</body>

css Code ：

        .box1{
    
            width: 200px;
            height: 200px;
            background-color: red;
        }
        .box2{
    
            width: 100px;
            height: 100px;
            border: 1px solid yellow;
        }
        .box3{
    
            width: 200px;
            height: 200px;
            border: 1px solid black;
        }

It's not given here .box2 Set float , The effect is as follows ：

To reset .box2 The style of ：

.box2{
    
            width: 100px;
            height: 100px;
            border: 1px solid yellow;
            float: left;
        }

effect ：
Insert picture description here
You can see that ,float The style will only affect the layout of the following elements , I've been thinking about making a layout before , I set up float:left; Why? div Can't float up , I forgot the floating feature , Remind yourself here , I also hope someone can solve your doubts by reading this article .

原网站

版权声明
本文为[Yidamu salty alcohol]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/203/202207211808281335.html

边栏推荐

猜你喜欢

随机推荐