18.1.1 困得要死要活的，感觉在凑

最新推荐文章于 2023-07-10 13:44:37 发布

与雪飞

最新推荐文章于 2023-07-10 13:44:37 发布

阅读量200

点赞数

本文链接：https://blog.csdn.net/zxf1009/article/details/78947826

版权

残次品，想改的跟京东像一点，但是…… 没什么但是，我可能只是不喜欢把老师说的重新抄一遍，而且视频一般是上班路上在看，也没什么道具做笔记。放假这三天——完全老年人生活了又，就是又——没学习。

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>京东画瓢</title>
    <style>
        #container{
            width:1400px;
            background:grey;
            margin:0 auto;
        }   
        #ad{
            height:80px;
            background:green;
        }
        #top{
            height:30px;
            background:grey;
        }
        #header {
            height: 80px;
            background: white;
        }
        #main{
            height:400px;
            background:pink;
        }
        #footer{
            height:200px;
            background:yellow;
        }
        #lside {
            float: left;
            height:400px;
            width:700px;
            background:red;
        }
        #lside1{
            height:120px;
            width:1300px;
            background:purple;
        }
        .lside2{
            height:120px;
            clear:both;
            width:1002px;
            background:black;
        }
        #rside {
            float: left;
            height: 200px;
            width: 200px;
            background: blue;
            /*解释css*/
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="ad">jd广告</div>
        <div id="top"> 首页 订单 会员 ……</div>
        <div id="header">jd标题</div>
        <div id="main">
            <div id="lside">
                <div class="lside2"></div>
                <div id="lside1"></div>
                <div class="lside2"></div>
            </div>
            <div id="rside"></div>

        </div>

        <div id="footer"></div>
    </div>
    </body>
    </html>