• 密码登录
  • 手机登录
社交账号登录
阅读( ) 收藏( ) 加载中~ 我要纠错

代码实例

<!DOCTYPE html>
<html>
<head>
<style>
p.pos_fixed {
    position: fixed;
    top: 30px;
    right: 5px;
    color: red;
}
</style>
</head>
<body>
    <p>Some text</p>
    <p class="pos_fixed">Some positioned text.</p>
</body>
</html>

尝试一下 »

点击“尝试一下”按钮查看在线实例

当您使用固定值时,元素将相对于浏览器窗口放置。元素占据相同的位置,即使内容的其余部分向上或向下滚动。

注意:仅当指定了!DOCTYPE 时,IE7和IE8才支持固定值。

固定元素从正常流中移除。固定定位的元素可以与其他元素重叠。

  • 固定元件从正常流中移除。
  • 文档和其他元素的行为就像固定定位元素不存在。
  • 固定定位的元素可以与其他元素重叠。


×