首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >【说站】css中固定定位fixed是什么

【说站】css中固定定位fixed是什么

作者头像
很酷的站长
发布于 2022-11-24 16:48:08
发布于 2022-11-24 16:48:08
9590
举报

css中固定定位fixed是什么

说明

1、固定定位是元素固定在浏览器可视区的位置。固定定位也可以算是一种特殊的绝对定位。

2、使用场景为当浏览器页面滚动时,元素的位置不会改变。

固定定位的特点

  • 以浏览器的可视窗口为参考点的移动元素。
  • 和父元素无关。
  • 不要随滚动条滚动。
  • 固定定位不占用原位置。固定定位也是脱标的。

实例

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.w {
width: 800px;
height: 1400px;
margin: 0 auto;
background-color: pink;
}
.fixed {
position: fixed;
/*1,走浏览器宽度的一半*/
left: 50%;
/*2,走版心盒子的一半,想宽一点可以加多一点px*/
margin-left: 400px;
width: 50px;
height: 150px;
background-color: skyblue;
}
</style>
</head>
<body>
<div>
</div>
<div>
版心盒子
</div>
</body>
</html>

以上就是css中固定定位fixed的介绍,希望对大家有所帮助。更多css学习指路:css教程

本文教程操作环境:windows7系统、css3版,DELL G3电脑。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
目录
  • css中固定定位fixed是什么
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档