告诉你个超酷炫的CSS属性——fixed position！有了它，你就可以把元素变得像固定住一样，不管你怎么滑动或调整浏览器大小，它都会原地不动。真的太棒了！
咱来说说固定定位呗！它可以把元素搬到文档流外让它消失在其它元素的后面。何谓文档流？概括地说，不管其他元素摆得咋样，那个移出来的元素总能像隐身侠似的，不被看见
学会了没？超容易，只要把那个东西固守住原处就行。这么一操作，无论你怎么晃网页或者改变窗口大小，它都会老老实实地待在原地！
你还记得那个定位不动的功能？对，真的很节省空间！别的东西都能直接塞到空位上，感觉根本就没这么个东西似的，看起来清爽不少~
.fixed-element {
position: fixed;
top: 50px;
left: 50px;
}
说到这儿，你可能好奇我们为啥要定位那几个点？其实优势多着去！比如这个美观且精准的导航栏，还有每次出现的弹窗广告，和那个猛按就能立马回到上一页的功能按钮等等。简单来说就是为了让大家舒适地浏览网页，所以这些东西还是老老实实地待在原地比较好
说了那玩意儿老是挡住视线，页面也乱七八糟的，看着头疼。别急，咱们这里有种叫做z-index属性的神奇工具，就能搞定这事儿。
老实说，固定定位这玩意儿真是牛逼！只要给元素的position加点fixed，不管它跑哪儿都能定住不动。就算跳出文档流，也不影响别的元素。网上那些导航条、漂窗广告、弹出来烦人的回顶部哪个不是这么整的？不过别挡到人家，要用z-index来调整顺序。
这个定住定位法学会了吗？网页上的东西再乱窜也不怕！只要把元素的’position’设成`fixed`，它就稳如山了。不仅省空间，对各种小玩意儿来说都超赞！菜单、广告，甚至翻页按钮统统可以搞定！不过要注意一点就是，遮挡问题靠配合‘z-index’属性来解决哈。快去试一试！记得分享快乐，让大家都受益！
评论0