HTMer

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

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

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

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

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



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

本文链接地址:http://www.htmer.com/article/968.htm
  • 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