                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

答案的代码好像有问题，自己摸索了一下。。。

    <style type="text/css">
        body {
            padding: 0;
            margin: 0;
        }

        .top {
            height: 100px;
            background-color: steelblue;
        }

        .main {
            height: 500px;
        }

        .left {
            width: 200px;
            height: 500px;
            background-color: darkgreen;
            float: left;
        }

        .right {
            height: 500px;
            background-color: aquamarine;
            margin-left: 210px;
            
        }

        .foot {
            height: 100px;
            background-color: burlywood;
        }


    </style>

</head>
<body>
<div class="top"></div>
<div class="main">
    <div class="left">zuo</div>
    <div class="right">you</div>
</div>
<div class="foot"></div>

</body>
</html>

一开始是有问题，我把左右的浮动都写了，但是右边的浮动显示不对，后来把右边的浮动去掉了，只有左边向左浮动，为啥右边加上浮动就显示不对