mainbody里内容怎么调整?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

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

<style type="text/css">

* { 

    margin:0;

padding:0;

    font-size:20px;font-weight:bold;text-align:center;color:white;

}

#wrap {

background:#00C;

margin:0 auto;

width:960px;

}

#header {

background:#FF3300;

width:100%;

}

#mainbody {overflow:hidden;

   background:#FC0;}

.left {margin-right:20px;

width:800px;

height:200px;

background:#000;

float:left;

}

.right {

width:140px;

height:500px;

background:#690;

float:right;

}

#footer {

background:#639;

width:100%;

}

</style>

</head>


<body>

<div id="wrap">

  <div id="header">头部</div>

  <div id="mainbody">mainbody

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

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

  </div>

  <div id="footer">版权部分</div>

</div>

</body>

</html>

http://img.mukewang.com/56e560eb0001c67c16000772.jpg

初忆
浏览 1396回答 1
1回答

李晓健

这个代码应该是没有问题的,main-body中是不应该写内容的,内容都应该写在left和right中的。图上也说清楚了,那上面的文字只是标示作用,并不是真实写进去的。
打开App,查看更多内容
随时随地看视频慕课网APP