<body> <div id="container"> <div id="head"> <div id="top"> </div> <div class="menu"></div> <div class="menu">学院首页</div> <div class="menu">学校概况</div> <div class="menu">组织机构</div> <div class="menu">专业设置</div> <div class="menu">教育教学</div> <div class="menu">招生就业</div> <div class="menu">科学研究</div> <div class="menu">合作交流</div> </div> <div id="main"> <div class="lside"></div> <div class="mside"></div> <div class="rside"></div> </div> <div id="foot"></div> </div> </body>
*{ margin:0px; } #container { background-color: #999999; 900px; height:800px; margin-left:auto; margin-right:auto } #head{ background-color:#CCCCCC; 900px; height:120px; margin-left:auto; margin-right:auto } #top{ background-color:#00FF66; 900px; height:100px; margin-left:auto; margin-right:auto } .menu{ background-color:#FF0000; 100px; height:20px; float:left } #main{ background-color:#9999CC; 900px; height:600px; margin-left:auto; margin-right:auto } .lside{ background-color:#0000FF; 250px; height:600px; float:left } .mside{ background-color:#FF00FF; 400px; height:600px; float:left } .rside{ background-color:#FFFF00; 250px; height:600px; float:left } #foot{ background-color:#333366; 900px; height:80px; margin-left:auto; margin-right:auto }
<body> <div id="container"> <div id="head"> <div id="top"> <img src="img.jpg.png"900px; height:100px;/> </div> <div class="menu"></div> <div class="menu">学院首页</div> <div class="menu">学校概况</div> <div class="menu">组织机构</div> <div class="menu">专业设置</div> <div class="menu">教育教学</div> <div class="menu">招生就业</div> <div class="menu">科学研究</div> <div class="menu">合作交流</div> </div> <div id="main"> <div class="lside"></div> <div class="mside"></div> <div class="rside"></div> </div> <div id="foot"></div> </div> </body>