下面的代码哪里错了，不能输出结果

<!doctype html>

<html>

<head>

<style>

*{margin:0;}

.warp{ background-color:red;margin:0 auto;width:960px;}

.header{width:100%; background-color:blue;}

.mainboby{ background-color:yellow;width:100%;

overflow:hidden;}

.left{width:300px; background-color:green;height:200px;float:left;}

.right{width:620px; background-color:black;height:200px;float:right;}

.footer{width:100%; background-color:#FF2F00;}

</style>

<title>无标题文档</title>

</head>

<body>

</div>

</body>

</html>

阿卡卡龙

2015-11-07

源自：网页布局基础 3-5

关注问题我要回答

247

操作

收起

1 回答

李晓健
2015-11-07

<!doctype html>
<html>
<head>
    <style>
        *{margin:0;}
        .warp{ background-color:red;margin:0 auto;width:960px;}
        .header{width:100%; background-color:blue;}
        .mainboby{ background-color:yellow;width:100%;
            overflow:hidden;}
        .left{width:300px; background-color:green;height:200px;float:left;}
        .right{width:620px; background-color:black;height:200px;float:right;}
        .footer{width:100%; background-color:#FF2F00;}
    </style>
    <meta charset="utf-8">
    <title>无标题文档</title>
</head>

<body>
<div class="warp">
    <div class="header">页眉</div>
    <div class="mainboby">
        <div class="left">左</div>
        <div class="right">右</div>
        主体
    </div>

    <div class="footer">页脚</div>
</div>
</body>
</html>

不知道你想要什么结果，我把你的页面结构调了下，其他的都没动。