<!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=gb2312" />
<title>无标题文档</title>
<style>
body{ background-color:#9999FF; margin:0px auto; padding:0px;}
.menu{ margin:0px auto; padding:0px; height:42px; width:100%; background-color:#FF6600;}
.center{ margin:0px auto; padding:0px; width:1000px; background-color:#0066FF; min-height:500px; height:500px; height:auto;}
</style>
</head>
<body>
<div class="menu"></div>
<div class="center">
</div>
</body>
</html>
/**************************/
其实主要是设置DIV的margin属性，设置为：margin: auto;
我这里是用的背景颜色来的，你可以换成背景图片即成你要的效果
要是在橘色区域那块，用的是一个背景图呢，背景图我做的是有宽度的，比如是1500px；那么它的宽度就不会像这种只是背景颜色的一样了，宽度就不会是无限制的了。就算加了宽度是100%也没用啊，我试过了。就会变成这样，
怎么办，加什么会使宽度无限延长呢
你是否加的背景图片的呢？我做了一个测试，我用了一张宽度为100，高度为42的相片放在MENU里面，显示效果也不是那样的。代码如下：
无标题文档
body{ background-color:#9999FF; margin:0px auto; padding:0px;}
/*.menu{ margin:0px auto; padding:0px; height:42px; width:100%; background-image:url(menu.jpg);}*/
.menu{ margin:0px auto; padding:0px; height:42px; width:100%; background-image:url(menu.jpg); background-repeat:repeat-x;}
.center{ margin:0px auto; padding:0px; width:1000px; background-color:#0066FF; min-height:500px; height:500px; height:auto;}
如果还是不能实现 ，你可以在线Q我的。Q：1606083272
