学步园

html { overflow-x:hidden;}<br /> body{ margin:0; padding:0;}<br /> #top{ width:100%; position:relative; height:50px;}<br /> #content{ width:980px; margin:0 auto; background:#999; height:500px; z-index:999; position:relative; padding-top:20px;}<br /> #wrapper{ height:50px; width:50%; position:relative; background:#09F; float:left;display:inline;}<br /> #w_2{ height:50px; width:50%; background:#F30; float:right; *position:absolute;}<br /> #menu{ position:absolute; top:-50px; left:0; height:50px; background:#F30; width:980px;display:inline;} 

<div id="top"><div id="wrapper"></div><div id="w_2"></div></div><br /> <div id="content"><br /> <div id="menu"> 导航</div><br /> 网站内容<br /> </div>