美文网首页web
css中position的fixed属性使用

css中position的fixed属性使用

作者: DecadeHeart | 来源:发表于2017-03-04 23:03 被阅读13次

说明: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;
}

效果


2017-03-04 23-02-35屏幕截图.png

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

相关文章

网友评论

    本文标题:css中position的fixed属性使用

    本文链接:https://www.haomeiwen.com/subject/xdzjgttx.html