console 命令行工具 X clear

console

<body>
    <div class="container">
        <div class="header">
            <div class="logo-container">
            <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F012a375ebdd81da801214814ea9948.jpg%401280w_1l_2o_100sh.jpg&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1673519157&t=3e26ed9811f2a607aafc45bbd3efe7b5">
            <p class="logo-content1">拼多多</p><br />
            <p class="logo-content2">拼着买*才便宜</p>
            </div>    
        </div>
        <div class="content1"></div>
        <div class="content2"></div>
        <div class="content3"></div>
        <div class="content1"></div>
        <div class="content2"></div>
        <div class="content3"></div>
    </div>
</body>

*{
    box-sizing: border-box;
}
body{
    background-color: blue;
    margin: 0;
    overflow-x: hidden;
}
.container{
    width: 100vw;
    margin: 0;
    padding: 0;
    background-color: green;
}
.header{
    position: fixed;
    border: 1px solid black;
    background-color: red;
    top: 50px;
    width: 100%;
    height: 100px;
    text-align: center;
}
.header .logo-container{
    border: 1px solid black;
    display: flex;
}
.header .logo-content1{
    border: 1px solid black;
    font-size: 20px;
}
.header .logo-content2{
    border: 1px solid black;
    font-size: 15px;
}
/*
.content1{
    border: 1px red solid;
    height: 100px;
    width: 100%;    
    margin-top: 100px;
}
.content2{
    border: 1px yellow solid;
    height: 100px;
    width: 100%;
}.content3{
    border: 1px blue solid;
    height: 100px;
    width: 100%;
}*/
img{
    width: 50px;
    height: 50px;
}