CSS解决无序列表导航条随浏览器大小改变而窜行的方法

方法一：

 

li 的width 属性百分比 % 而代替 PX等具体数值设置。

这种方法的效果是导航条随浏览器的大小改变而与浏览器呈现相应比例的缩放

 

方法二：

 

在ul 外添加一个div层 或者直接设置ul 属性。

设置ul或div属性 margin:0 auto;（使ul或div剧中），按照需求设置好ul或div得width和height。

这种方法的效果是导航条随浏览器变小而只能看见浏览器大小范围内的页面，其他内容就不可见了。