console 命令行工具 X clear
console
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width>, initial-scale=1.0">
    <title>Document</title>
    <style>
        div.container {
            width: 100%;
            margin: 0px;
            border: 2px solid gray;
            line-height: 150%
        }
        
        div.header,
        div.footer {
            padding: 0.5em;
            color: white;
            background-color: gray;
            clear: left;
        }
        
        h1.header {
            padding: 0;
            margin: 0;
        }
        
        div.left {
            float: left;
            width: 200px;
            margin: 0;
            padding: 1em;
        }
        
        div.content {
            margin-left: 400px;
            border-left: 1px solid gray;
            padding: 1em;
        }
    </style>
</head>

<body>
    <div class="container">
        <!---container 容器的意思 -->
        <div class="header">
            <h1 class="header">信息工程学院19移动一班</h1>
        </div>
        <div class="left">
            <p>不要过多的解释任何事情,解释必要的就足够了</p>
        </div>
        <div class="content">
            <h2>免费的网站建设课程</h2>
            <p>在W3School你将找到所有关于网站建设的课程，从基本的HTML到XHTML，再到更深入的XML。XS</p>
            <P>w3school.com.cn-世界上最大的网站开发社区</P>
        </div>
        <div class="footer">
            Copyright 20190203360102 黄宝洁
        </div>
    </div>

</body>

</html>