<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><link rel="stylesheet" type="text/css" href="css/myweb.css" /></head><body><div class="header"><div class="logo fl"></div><div class="nav-lan fl"><div class="language fr">选择语言</div><div class="nav fr">导航</div><div class="clear"></div></div><div class="clear"></div></div><div class="center"><div class="photo fl"></div><div class="notice fl"><div class="news"></div><div class="notices"></div><div class="mation"></div></div><div class="hotspot fl"></div><div class="option fr"></div><div class="clear"></div></div><div class="footer"></div></body></html>
附css代码:
* {padding: 0;margin: 0;}.fl {float: left;}.fr {float: right;}.clear {clear: both;}.container {margin: 0 auto;}.header {width: 970px;height: 103px;/*background-color: green;*/margin: 0 auto;}.header .logo {width: 277px;height: 103px;background-color: red;}.header .nav-lan {width: 679px;height: 103px;margin-left: 14px;/*background-color: green;*/}.header .nav-lan .language {width: 137px;height: 49px;background-color: green;}.header .nav-lan .nav {width: 679px;height: 46px;background-color: green;margin-top: 8px;}.center {width: 970px;height: 435px;/* background-color: yellow; */margin: 0 auto;margin-top: 10px;margin-bottom: 10px;}.center .photo {width: 310px;height: 435px;background-color: yellow;margin-bottom: 10px;}.center .notice {width: 450px;height: 400px;/* background-color: blue; */margin-left: 10px;}.center .notice .news {width: 450px;height: 240px;background-color: dodgerblue;margin-bottom: 10px;}.center .notice .notices {width: 450px;height: 110px;background-color: dodgerblue;margin-bottom: 10px;}.center .notice .mation {width: 450px;height: 30px;background-color: dodgerblue;}.center .hotspot {width: 190px;height: 400px;background-color: purple;margin-left: 10px;}.center .option {width: 650px;height: 25px;background-color: green;margin-top: 10px;}.footer {width: 970px;height: 35px;background-color: blue;margin: 0 auto;}