当前位置：九州下载 > 建站问答 >

css中固定定位fixed是什么意思

时间：2023-02-25 13:00编辑：九州下载来源：www.wzjsgs.com

说明

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

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

固定定位的特点

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

实例

<!DOCTYPEhtml>
<html>
<head>
<title></title>
<styletype="text/css">
.w{
width:800px;
height:1400px;
margin:0auto;
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教程

< 上一篇

css定位叠放次序是什么意思

下一篇 >

css中padding如何计算