zoukankan      html  css  js  c++  java
  • float使用

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>FLOAT浮动</title>
        <style>
            .c1{
                background-color: chartreuse;
                height: 100px;
                width: 100px;
    
    
    
            }
            .c2{
                background-color:yellow;
                height: 100px;
                width: 100px;
                float: left;
                /*1.float是不完全脱离文档的,应为文本覆盖不了
                  2.使用了float的div会飘在没加flaot的div块上
                */
    
    
            }
             .c3{
                background-color:darkorange;
                height: 200px;
                width: 200px;
    
            }
        </style>
    </head>
    <body>
        <div class="c1">这个第一个</div>
        <div class="c2">这是第二个</div>
        <div class="c3">这是第三个</div>
    </body>
    </html>
  • 相关阅读:
    c++作业2 9.22
    c++作业1 9.22
    c++练习题2
    c++练习题1
    10.10作业3
    10.10作业2
    10.10作业 1
    9.22作业5
    9.22作业4
    9.22zuo
  • 原文地址:https://www.cnblogs.com/TKOPython/p/12708612.html
Copyright © 2011-2022 走看看