html2
/
index6.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index6-css盒模型(下)</title>
    <style>
       div{
           /* width: 200px;
           height: 200px; */
           /* min-width: 100px;
           min-height: 100px;
           max-width: 300px;
           max-height: 300px; */
           width: auto;
           height: auto;
       }
       /* #a{
           background: silver;
           width: 200px;
           height: 200px;
       }
       #b{
           background: gray;
           width: 80%;
           height: 80%;
       } */
       div{
           padding-top: 10px;
           padding-bottom: 10px;
           padding-left: 10px;
           padding-right: 10px;
       }
       div{
           /* padding: 10px 10xp 10xp 10xp ; */
           /* padding: 10px 50xp 200xp ; */
           /* padding: 10px 20xp ; */
           padding: 10px ;
       }
       div{

           margin: 10px  ;

       }
       div{
           overflow-x: auto;
       }
       div{
           /* visibility: hidden; */
       }
       table tr:first-child{
           visibility: collapse;
       }
       span{
           background: silver;
           width: 200px;
           height: 200px;
           display: block;
       }
       div{
       /* display: none; */
       }
      #a{
          background: gray;
          float: left;
      }
      #b{
          background:maroon;
          float: left;
      }
      #c{
          background:navy;
          float: both;
      }

    </style>
</head>

<body>
    <p>aaafjskldfjklasjdflkjasklfj</p>
    <p>fjskaaaldfjklasjdflkjasklfj</p>
    <p>fjskldfjaaalasjdflkjasklfj</p>
    <p>fjskldfjklasjdflkjaaasklfj</p>
    <a href="www.163.com">163</a>
    <a href="www.cfqq.com">cf</a>
    <a href="www.dnfqq.com">dnf</a><br>
    <table>
        <td>
            <tr>456787123</tr>
            <tr>456787123</tr>
            <tr>456787123</tr>
            <tr>456787123</tr>
        </td>
    </table>
    <div id = "a">
        <div id="b">我是html5
        </div>

    </div>

</body>
</html>