zoukankan      html  css  js  c++  java
  • css的clear清除浮动

    清除前

    清除后

    代码

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
            <style>
                .contianer{
                     600px;
                    height: 200px;
                    
                }
                .a{
                     50px;
                    height: 100px;
                    float: left;
                    background-color: green;
                }
                p:nth-of-type(1){
                    color: red;
                    
                }
                p:nth-of-type(2){
                    clear:left;
                }
            </style>
        </head>
        <body>
            <div class="contianer">
                <div class="a"></div>
                <p class="b">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat nulla reprehenderit commodi porro obcaecati voluptates veritatis minus harum est corporis?</p>
                <p class="b">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi ea doloremque magnam consectetur ducimus quia eos quas saepe. Fugit corporis!</p>
            </div>
        </body>
    </html>
  • 相关阅读:
    X
    W
    J
    A
    Q
    P
    B
    排列和组合的求解
    深度学习之序列处理
    32位和64位数据类型大小对比
  • 原文地址:https://www.cnblogs.com/MySweetheart/p/13307667.html
Copyright © 2011-2022 走看看