SOURCE

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>
    <link rel="stylesheet" href="float.css">
</head>
<body>
    <div class="box">
    <div class="box2"><img src="https://www.haizeix.com/files/course/2020/04-28/155750e99ac6578308.png" alt=""> 
        <div><a href="#">前端0基础入门</a></div>
        <div class="price">3000元</div>
    </div>
    <div class="box2"><img src="https://www.haizeix.com/files/course/2020/04-29/154133d39f26429133.png" alt=""> 
        <div><a href="#">前端0基础入门</a></div>
        <div class="price">3000元</div>
    </div>
    <div class="box2"><img src="https://www.haizeix.com/files/course/2020/04-26/200030e3bfd8322044.png" alt=""> 
        <div><a href="#">前端0基础入门</a></div>
        <div class="price">3000元</div>
    </div>
    <div class="box2"><img src="https://www.haizeix.com/files/course/2020/04-26/200956473c84288178.png" alt=""> 
        <div><a href="#">前端0基础入门</a></div>
        <div class="price">3000元</div>
    </div>

    <div class="box2"><img src="https://www.haizeix.com/files/course/2020/04-28/155750e99ac6578308.png" alt="">
        <div><a href="#">前端0基础入门</a></div>
        <div class="price">3000元</div>
    </div>
    <div class="box2"><img src="https://www.haizeix.com/files/course/2020/04-29/154133d39f26429133.png" alt=""> 
        <div><a href="#">前端0基础入门</a></div>
        <div class="price">3000元</div>
    </div>
    <div class="box2"><img src="https://www.haizeix.com/files/course/2020/04-26/200030e3bfd8322044.png" alt=""> 
        <div><a href="#">前端0基础入门</a></div>
        <div class="price">3000元</div>
    </div>
    <div class="box2"><img src="https://www.haizeix.com/files/course/2020/04-26/200956473c84288178.png" alt=""> 
    
        <div><a href="#">前端0基础入门</a></div>
        <div class="price">3000元</div></div>

    <div class="box2"><img src="https://www.haizeix.com/files/course/2020/04-28/155750e99ac6578308.png" alt="">
        <div><a href="#">前端0基础入门</a></div>
        <div class="price">3000元</div>
    </div>
    <div class="box2"><img src="https://www.haizeix.com/files/course/2020/04-29/154133d39f26429133.png" alt=""> 
        <div><a href="#">前端0基础入门</a></div>
        <div class="price">3000元</div>
    </div>
    <div class="box2"><img src="https://www.haizeix.com/files/course/2020/04-26/200030e3bfd8322044.png" alt=""> 
        <div><a href="#">前端0基础入门</a></div>
        <div class="price">3000元</div>
    </div>
    <div class="box2"><img src="https://www.haizeix.com/files/course/2020/04-26/200956473c84288178.png" alt=""> 
        <div><a href="#">前端0基础入门</a></div>
        <div class="price">3000元</div>
    </div>
    </div>
</body>
</html>

            
.box {
    width: 100%;
    height: 600px;
    margin-left: 20px;
    padding-top: 30px;
}

img {
    width: 260px;
    float: left;
    cursor: pointer;
}

.box2 {
    width: auto;
    height: auto;
    margin-left: 20px;
    border: 1px solid #000;
    display: inline-block;
    margin-top: 30px;
    padding: 15px;
}

.price {
   float: right;
}