CSS3 position: fixed

position: fixed

该属于用于设置定位的元素不受滚动条影响。

<!-- 例一 -->
<!-- position: absolute | 将导航菜单定位到窗口的顶部 -->
<div style="position: absolute; left:0; right:0;">假装我是一个导航菜单</div>

<!-- 疑问? -->
<!-- 使用 position: absolute 定位的元素会受滚动条影响,当页面够长,拉动滚动条会淹没了导航菜单-->
<!-- 如何才能像 “简明教程” 的导航菜单一样,无论怎么拉动滚动条,都一直置于顶部 -->

<!-- 例二 -->
<!-- position: fixed | 不受滚动条影响的定位 -->
<div style="position: fixed; left:0; right:0;">我坚定的置于顶部</div>
扩展阅读
CSS3 相对定位和绝对定位的区别8/10/2018, 3:47:52 PM
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程