HTMer » 编程开发 » 解决CSS绝对定位后在宽屏显示器高分辨率下错位的方法

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

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

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

顶一下 ▲()   踩一下 ▼()

相关文章