HTMer

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

« 解决将Windows7设置成WiFi热点后老是断线的问题Word2010中在方框内打勾的方法 »

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  网页制作  网页设计  
发布:HTMer | 分类:网页设计 | 引用:0 | 浏览:
  • quote 8.大主宰
  • 我也遇到过此类问题，每次都是稀里糊涂的重来一遍，这篇帖子真帮了我大忙。
  • 2013-7-5 下午 02:25:47 回复该留言
  • quote 7.番茄
  • 求高手帮忙改CSS代码让网页自动适应分辨率不会错位悬赏分:40 - 解决时间:2010-7... 你使用层,应该设置了绝对定位,所以导致了这种情况。...在div+css制作的网页中,产
    由 HTMer 于 2014-4-25 上午 11:28:58 最后编辑
  • 2012-12-28 下午 02:21:45 回复该留言
  • quote 1.浅水湾
  • 我也遇到过此类问题，每次都是稀里糊涂的重来一遍，这篇帖子真帮了我大忙。
  • 2012-12-17 下午 03:16:05 回复该留言

发表评论:

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

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