您现在的位置是：课程教程文章
css中固定定位fixed是什么
2023-12-13 23:41课程教程文章 人已围观
说明
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教程
本文教程操作环境：windows7系统、css3版，DELL G3电脑。
课程教程：css中固定定位fixed是什么上一篇：css定位叠放次序是什么
下一篇：没有了
