css中position的fixed属性使用

说明:fixed是以body为定位时的对象,总是根据浏览器的窗口来进行元素定位,通过"left""top""right""bottom“来进行定位
用法:

.div1{
background-color:#FF0000;
width:2000px;
height:2000px;
}
.div2{
background-color:#33FF66;
width:100px;
height:100px;
position:fixed;
left:50px;
top:50px;
}

效果


css中position的fixed属性使用_第1张图片
2017-03-04 23-02-35屏幕截图.png

此时拉动浏览器的上下滚条,层2在浏览器中的位置都不会发生变化

你可能感兴趣的:(css中position的fixed属性使用)