浮动层不固定，求解决方法
浮动层不固定，求解决办法
<!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>
<link href="stlye.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
window.onload=function(){
var nav=document.getElementById('nav');
var navFixed=document.getElementById('navFixed');
window.onscroll=function(){
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
document.title=scrollTop
if(scrollTop>nav.offsetTop){
navFixed.style.display='block';
}else if(scrollTop<nav.offsetTop){
navFixed.style.display='none';
}
}
};
</script>
<style type="text/css">
<!--
body{/* 全局 */
padding:0px;/* 内边距0像素 */
margin:0px;/* 外边距0像素 */
}
.header{
width:100%;/* 宽度为100% */
}
.header{
width:100%;/* 宽度为100% */
height:20px;/* 高度为20像素 */
}
*{
margin:0; /* 外边距0像素 */
padding:0;/* 内边距0像素 */
}
.nav-wrapper-fixed{
position:fixed; /* 用来浮动定位 */
top:0; /* 距离顶部0像素 */
width:1002px;/* 宽度100% */
height:20px;/* 高度30像素 */
background:#ffffff;/* 背景颜色为#000000 */
margin:0 auto;
left:auto;
}
.nav-wrapper-fixed .nav{
width:1002px; /* 宽度960像素 */
margin:0 auto;/* 上下外边距为0像素，左右为自动，即居中 */
}
.nav-wrapper-fixed .nav1{
widht:1002px;/* 宽度 */
margin:0 auto;/* 上下外边距为0像素，左右为自动，即居中 */
}
.nav-wrapper-fixed .sitenav-left {
MARGIN-TOP: 3px; /* 上边界 */
FLOAT: left;/* 左浮动 */
}
.nav-wrapper-fixed .navright {
margin-top:3px; /* 上边界 */
float:right;/* 右浮动 */
}
.nav-wrapper-fixed .sitenav-left LI {
FLOAT: left;/* 左浮动 */
font-size:12px;/* 字体大小 */
list-style:none;/* li元素去点 */
}
.nav-wrapper-fixed .navright li {
float:left;/* 左浮动 */
font-size:12px;/* 字体大小 */
list-style:none;/* li元素去点 */
}
.nav-wrapper-fixed .sitenav-left .aimei {
MARGIN-RIGHT: 20px;/* 右边距 */
}
.nav-wrapper-fixed .navright .denglu {
margin-right:0px;/* 右边距 */
}
.nav-wrapper-fixed .sitenav-left .aimei A:link {
COLOR: #c36;/* 颜色 */
}
.nav-wrapper-fixed .sitenav-left .aimei A:visited {
COLOR: #c36/* 颜色 */
}
.nav-wrapper-fixed .sitenav-left .mama {
MARGIN-RIGHT: 30px/* 右边距 */
}
.nav-wrapper-fixed .navright .zhuche {
margin-right:0px; /* 右边距 */
HEIGHT: 19px;/* 高 */
MARGIN: 0px 5px; /* 边距 */
PADDING-LEFT: 8px; /* 左边距 */
DISPLAY: inline; /* 行元素，加上后多行变单行 */
BACKGROUND: url(site-nav-new.png) no-repeat 0px -115px/* 背景 */
}
.nav-wrapper-fixed .sitenav-left .sinaweibo {
MARGIN: 0px 5px; /* 边距 */
DISPLAY: inline/* 行元素，加上后多行变单行 */
}
.nav-wrapper-fixed .navright .bbs {
MARGIN: 0px 5px; /* 边距 */
PADDING-LEFT: 8px; /* 边距 */
DISPLAY: inline; /* 行元素，加上后多行变单行 */
BACKGROUND: url(site-nav-new.png) no-repeat 0px -115px/* 背景 */
}
.nav-wrapper-fixed .sitenav-left .sinaweibo A {
WIDTH: 24px; /* 宽度 */
DISPLAY: block; /* 块元素 */
HEIGHT: 19px/* 高度 */
}
.nav-wrapper-fixed .sitenav-left .weixin {
POSITION: relative;
MARGIN: 0px 5px;
PADDING-LEFT: 8px;
DISPLAY: inline;
BACKGROUND: url(site-nav-new.png) no-repeat 0px -115px
}
.nav-wrapper-fixed .sitenav-left .weixin SPAN {