哦哟，fixed定位啊，这玩意儿可了不得啦！就像把东西固定在墙上一样，不管你怎样摇摇晃晃，它就是不动。在网页上， fixed定位就是让那些个元素像贴在墙上的画一样，不管你往下拉还是往上推，它就是老老实实地待在原来的地方。

一、啥是fixed定位？

fixed定位啊，就是CSS里的一个超级厉害的功Neng。它Neng让网页上的某个元素固定在浏览器窗口的某个位置， 不管你滚动页面还是怎么的，它就像被胶水粘住了一样，就是不会动。

固定定位的例子：

            
© All Rights Reserved
        .fixed-footer {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #f5f5f5;
            padding: 20px;
            text-align: center;
        }
    

二、 fixed定位的妙用

fixed定位可不只是个摆设，它有hen许多实用的地方。比如说 你Neng用它来Zuo固定的头部、尾部，或者导航栏，这样用户在浏览网页的时候，就Neng随时找到这些个关键的信息。

固定导航栏：

        
        .fixed-nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #fff;
            box-shadow: 1px 3px rgba;
            z-index: 1000;
        }
    

设置悬浮广告：

        

        
        .float-ad {
            position: fixed;
            top: 50%;
            right: 10px;
            transform: translateY;
        }
    

三、 fixed定位的不优良的地方

但是fixed定位也有它的不优良的地方。比如说它兴许会挡住内容，或者让页面布局变得麻烦。还有一些问题，比如在移动设备上兴许会出现元素被截断的情况。

fixed定位是个hen厉害的东西，但是用起来也要细小心。要用它来美化网页，让用户有geng优良的体验，但是也要注意不要让它关系到到页面的正常布局和内容。