• H5 60-浮动元素排序规则


    60-浮动元素排序规则

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>60-浮动元素排序规则</title>
    <style>
    .box1{
    float: left;
    50px;
    height: 50px;
    background-color: red;
    }
    .box2{
    100px;
    height: 100px;
    background-color: pink;
    }
    .box3{
    float: left;
    150px;
    height: 150px;
    background-color: yellow;
    }
    .box4{
    float: left;
    200px;
    height: 200px;
    background-color: tomato;
    }
    </style>
    </head>
    <body>
    <!--
    1.浮动元素排序规则
    1.1相同方向上的浮动元素, 先浮动的元素会显示在前面, 后浮动的元素会显示在后面
    1.2不同方向上的浮动元素, 左浮动会找左浮动, 右浮动会找右浮动
    1.3浮动元素浮动之后的位置, 由浮动元素浮动之前在标准流中的位置来确定
    -->
    <div class="box1">1</div>
    <div class="box2">2</div>
    <div class="box3">3</div>
    <div class="box4">4</div>
    </body>
    </html>
    1
    2
    3
    4
  • 相关阅读:
    HDU 4350 Card
    HDU 4287 Intelligent IME
    POJ Stars
    字符串处理
    NYOJ 63 小猴子下落
    在 DataGrid 控件中显示 SQL Server 数据库中的数据
    Linq to sql学习之查询句法
    SqlMethods
    SQLSERVER 2008 R2中的全文检索
    分享学习网站大全
  • 原文地址:https://www.cnblogs.com/ljcgood66/p/6623067.html
Copyright © 2020-2023  润新知