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

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

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