日期:2014-05-18  浏览次数:20763 次

怎么用css 把一个div层固定在一个页面的中间位置,不随屏幕分辨率的改变

<style type="text/css">
*{ padding:0; margin:0; list-style:none; font-size:12px;}
#nav{margin:50px;}
#nav li{float:left; width:15.4%;text-align:center; margin:0 auto; list-style:none }
#nav li a{display:block;cursor:pointer;cursor:hand;}
#nav li a span{ margin:-15px 0 0 -40px;position:absolute; background:url(../images/kindtool.png); no-repeat; display:block;height:35px; width:41px;}
</style>

这是我现在的用得,感觉不咋地,大家能给我改改吗?
用css能实现把一个div层固定在一个页面的中间位置,不随屏幕分辨率的改变吗???


--------------------------------
以下内容为自动编辑的内容,并非楼主的发贴内容,此仅用于显示而已,并无任何其他特殊作用
楼主【beijing_success】截止到2008-08-04 20:05:01的历史汇总数据(不包括此帖):
发帖的总数量:4 发帖的总分数:280 每贴平均分数:70  
回帖的总数量:3 得分贴总数量:0 回帖的得分率:0%  
结贴的总数量:4 结贴的总分数:280  
无满意结贴数:0 无满意结贴分:0  
未结的帖子数:0 未结的总分数:0  
结贴的百分比:100.00% 结分的百分比:100.00%  
无满意结贴率:0.00 % 无满意结分率:0.00 %  
敬礼!
取消马甲机器人,请点这里:http://www.java2000.net/mycsdn/robotStop.jsp?usern=beijing_success

------解决方案--------------------
<center><div></div></center>
------解决方案--------------------
用绝对定位
------解决方案--------------------
绝对定位:如果说不随分辨率改变的话,就只能用百分比

<div id="mDiv"></div>

#mDiv{
position: absolute;
left:45%;
top:45%;
width: 10%;
height: 10%;
}

这样用百分比来划分就能保证Div一定在屏幕最中间,左右上下各百分之45,自身占百分之10


------解决方案--------------------
探讨
绝对定位:如果说不随分辨率改变的话,就只能用百分比

<div id="mDiv"> </div>

#mDiv{
position: absolute;
left:45%;
top:45%;
width: 10%;
height: 10%;
}

这样用百分比来划分就能保证Div一定在屏幕最中间,左右上下各百分之45,自身占百分之10