浮动层不固定，求解决方法
日期：2014-05-16 浏览次数：20623 次
浮动层不固定，求解决办法
<!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;/* 右边距 */
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
