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;
}

效果


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

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

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容