wordpress顶部导航栏相对于浏览器定位浮动（css实现）

最近在苦练div+css技术，对于一个半路出家人来说，自学技术真的需要喜欢才可以，尤其这半年时间里，明显感觉写网页的速度加快了，以前做网站找主题、套模版，去谷歌搜代码，现在感觉可以自己设计网页了。

div+css是网站建设的基础，作为互联网从业者是一门必学的基础内容。

下面就来介绍

css浏览器窗口进行定位属性

在谷歌上面搜，有非常多的js实现导航浮动属性，但大家都知道一个网站使用了太多js就会拖慢网站打开速度，而且是wordpress这样的网站，那就更加不合适了，博主也一直没有用过（ps：网站太多js了）。

上面说到本人最近苦练css的事情，在学到position属性时，感觉到这正是我要的。通过position:fixed实现绝对浏览器定位元素。

代码如下：

案例展示站：渤海商品交易所

参考表

上面的参数已经明了用法，喜欢研究的朋友可以去尝试一下，这对你做网站非常有用。

注意点

所有主流浏览器都支持 position 属性（ie6不支持）；

这里其实大家没有必要纠结ie6了，自从微软宣布2014年开始不再更新xp系统时就已经注定了ie6和ie7将退出浏览器行列，将被放进博物馆中。想象一下当我们老了和00后的程序员谈起“当年我们是怎么和ie6浏览器做斗志的场景时那是多么有趣啊”。