文档流的解析

桃扇骨 2021-12-07 13:51 197阅读 0赞

1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6     <style>
     7         .two,p{
         
     8             border: 1px solid red;
     9             margin-top: 10px;
    10         }
    11         /* .p1{//注释比较好分析，可以拿掉注释进行分析
    12             float: left;
    13             border: 1px solid #f0f;
    14             width: 100px;
    15             height: 60px;
    16         } */
    17         .sp1{
         
    18             float: left;
    19             border: 1px solid #f0f;
    20             width: 100px;
    21             height: 60px;
    22         }
    23     </style>
    24 </head>
    25 <body>
    26     <div class="one">
    27         <p class="p1">的熟练度福建省打飞了</p>
    28         <div class="two">上路的分开就速度飞</div>
    29         <span class="sp1">sdfljsdf</span>
    30         <span class="sp">索拉卡电风扇大理石开发动机阿斯顿发</span>
    31         <span class="sp">索拉卡电风扇大理石开发动机阿斯顿发</span>
    32         <p class="p2">slfdksdjflkdsj</p>
    33     </div>
    34 </body>
    35 </html>
    36 
    37

转载于:https://www.cnblogs.com/Knowledge-is-infinite/p/11148330.html