下面的代碼哪里錯了，不能輸出結果

<!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 class="header">頁眉</div>

? ? <div class="mainboby">主體</div>

? ? ? ? <div class="left">左</div>

? ? ? ? <div class="right">右</div>

? ? ? ? ?<div class="footer">頁腳</div> ??

</div>?

</body>

</html>

阿卡卡龍

2015-11-07

源自：網頁布局基礎 3-5

關注問題我要回答

257

操作

收起

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>

不知道你想要什么結果，我把你的頁面結構調了下，其他的都沒動。