background:orange;
float:right;
}
#main .right .middle{
height:300px;
background:yellow;
margin-bottom:10px;
}
#main .right .sub{
height:280px;
background:purple;
}
#footer{
width:960px;
height:50px;
background:gray;
margin:0 auto;
margin-top:10px;
}
#nav ul{
list-style:none;
background:lightgray;
overflow:hidden;
}
#nav li{
float:left;
}
#nav li a{
display:block;
color:black;
width:104px;
height:30px;
line-height:30px;
text-decoration:none;
text-align:center;
}
#nav .home{
width:128px;
}
#nav li a:hover{
color:white;
background:green;
}
</style>
</head>
<body>
<div id="header">头部</div>
<div id="nav">
<ul>
<li><a class="home" href="#">首页</a></li>
<li><a href="#">新闻</a></li>
<li><a href="#">热点</a></li>
<li><a href="#">动态</a></li>
<li><a href="#">直播</a></li>
<li><a href="#">地图</a></li>
