HTMer

研究互联网络和电脑应用技术的IT技术网。（勤奋+智慧→理想）

导航

2012-12-11 14:29:29

解决CSS绝对定位后在宽屏显示器高分辨率下错位的方法

最近用CSS做了一个导航菜单，在本机看都没有任何问题，今天在朋友电脑上看吓坏了，都不知道移到哪去了，我朋友27寸显示器，我的是19寸的。经过研究发现是绝对定位的问题，下面说一下我的解决思路。

解决这个问题的方法其实非常简单，就是在整个导航菜单外面再添加一个层，并设置该层的CSS属性为position:relative，即相对定位，这样设置后，内层的绝对定位就是相对于最外层的容器了，而不会根据显示器的分辨率变化而发生改变。

欢迎转载，转载请注明：转载自HTMer [ http://www.htmer.com/ ]

本文链接地址：http://www.htmer.com/article/968.htm

Tags: CSS 网页制作 网页设计

点击这里获取该日志的TrackBack引用地址

相关文章:
DIV+CSS左右两列自适应高度的方法  (2012-4-17 9:0:54)
符合w3c标准的最新flash（swf）网页插入代码  (2012-3-21 8:34:5)
解决IE6浏览器margin-left宽度变大的方法  (2012-2-22 8:27:38)
CSS中用背景图片做为超链接的方法  (2011-8-15 8:10:40)
网页中通过设置meta标签属性值IE=EmulateIE7来兼容IE8IE9的方法  (2011-8-13 23:14:18)
用CSS样式画横线的方法  (2011-8-12 15:59:45)
在网页中使用google字体的方法(Google Font API)  (2011-1-7 9:4:58)
用CSS控制文章落款右对齐且垂直居中的方法  (2010-7-8 9:37:59)
禁止input表单输入框粘贴的方法  (2010-7-8 8:55:16)
让input表单输入框不记录输入过信息的方法  (2010-7-7 8:58:26)

8.大主宰
我也遇到过此类问题，每次都是稀里糊涂的重来一遍，这篇帖子真帮了我大忙。
2013/7/5 14:25:47 回复该留言

7.番茄
求高手帮忙改CSS代码让网页自动适应分辨率不会错位悬赏分:40 - 解决时间:2010-7... 你使用层,应该设置了绝对定位,所以导致了这种情况。...在div+css制作的网页中,产
由 HTMer 于 2014-4-25 上午 11:28:58 最后编辑
2012/12/28 14:21:45 回复该留言

6.螺旋卸车机
不错支持一下了
2012/12/24 12:25:12 回复该留言

5.宝佑博客
刚好前天学完定位背景图，这个再来有用！
2012/12/20 14:45:18 回复该留言

4.铁水包
原来可以这样改啊
2012/12/18 9:10:48 回复该留言

3.电信通光纤怎么收
还是很不错的文章的，支持
2012/12/17 16:13:46 回复该留言

2.北京电信通
还是高手比较聪明，感觉修改一下我的设置。谢谢
2012/12/17 16:12:54 回复该留言

1.浅水湾
我也遇到过此类问题，每次都是稀里糊涂的重来一遍，这篇帖子真帮了我大忙。
2012/12/17 15:16:05 回复该留言

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

订阅HTMer

热门文章

最近发表

最新评论及回复

HTMer , Powered By Z-Blog, 苏ICP备08003082号

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
HTM|HTML|ASP|PHP|JSP|Mysql|SQL|Dreamweaver|Flash|Fireworks|Photoshop|SEO Copyright www.HTMer.com. Some Rights Reserved. English Version