为什么绿色的上面有一点黄色部分呢
看源码有什么错误吗？
<!DOCTYPE HTML>
<html>
<head>
<title>无标题文档</title>
<meta charset="utf-8">
<style type="text/css">
*{margin:0;padding:0;}
#wrap{background:#00c;margin:0 auto;width:960px;}
#header{background:#ff3300;width:100%;}
#mainbody{background:#fc0;width:100%;overflow:hidden;}
.left{width:800px;height:200px;background:#000;float:left;margin-right:20px;}
.right{width:140px;height:500px;background:#690;float:left;}
#footer{background:#639;width:100%;}
</style>
</head>
<body>
<div id="wrap">
<div id="header">头部</div>
<div id="mainbody">主题内容
<div class="left"></div>
<div class="right"></div>
</div>
<div id="footer">版权部分</div>
</div>
</body>
</html>
慕侠8292370浏览 1374回答 3
3回答
-
qq_青枣工作室_0
因为你的文字“主题内容”占了位置啊，删掉这些文字就行。 -
慕侠8292370
以下是源码 <!DOCTYPE HTML> <html> <head> <title>无标题文档</title> <meta charset="utf-8"> <style type="text/css"> *{margin:0;padding:0;} #wrap{background:#00c;margin:0 auto;width:960px;} #header{background:#ff3300;width:100%;} #mainbody{background:#fc0;width:100%;overflow:hidden;} .left{width:800px;height:200px;background:#000;float:left;margin-right:20px;} .right{width:140px;height:500px;background:#690;float:left;} #footer{background:#639;width:100%;} </style> </head> <body> <div id="wrap"> <div id="header">头部</div> <div id="mainbody">主题内容 <div class="left"></div> <div class="right"></div> </div> <div id="footer">版权部分</div> </div> </body> </html>
随时随地看视频慕课网APP
Html/CSS