说明
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教程
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
暂无评论内容