如何使css样式不随窗口大小改变我(刚刚进入没有分数情谅解!!)
举个例子:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无敌css</title>
<style type="text/css">
*{margin:0px;
padding:0px;}#top,#nav,#left,#right,#bt{text-align:center;}<br />
html{text-align:center;
width:800px;}
#top{background-color:#FF0000;
line-height:80px;
width:100%;}
#nav{background-color:#99FF00;
height:100%;
width:100%;}
#left{background-color:#99FFFF;
line-height:300px;
width:20%;
float:left;
clear:both;}
#right{background-color:#99FF66;
line-height:300px;
width:80%;
float:left;}
#bt{background-color:#990000;
line-height:50px;
width:100%;
clear:both}
.content{background-color:#CCCCCC;
line-height:150px;
width:25%;
float:left;
}
.content1{background-color:#CCCCCC;
line-height:100px;
width:25%;
}
.daohang{background-color:#CC0000;
line-height:30px;
width:25%;
float:left;
}
li{background-color:#0000FF;
line-height:30px;
width:20%;
float:left;
border:1px solid #00FF00;
margin-left:15px;}
</style>
</head>
<body>
<div id="top">top</div>
<ul id="nav" align="center">
<li>首页</li>
<li>首页</li>
<li>首页</li>
<li>首页</li>
</ul>
<div id="left">left</div>
<div id="right">
<div class="content">1</div>
<div class="content">2</div>
<div class="content">3</div>
<div class="content">4</div>
<div class="content">5</div>
<div class="content">6</div>
<div class="content">7</div>
<div class="content">8</div>
</div>
<div id="bt">bt</div>
</body>
</html>
这是菜鸟我写的,可是我发现当浏览器的窗口改变大小的时候,div标签也会跟着乱跑,谁能帮帮忙?让他固定下来!也就是当窗口改变的时候样式不随之变动!