web

css中position的fixed属性使用

2017-03-04  本文已影响13人  DecadeHeart

说明: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在浏览器中的位置都不会发生变化

上一篇 下一篇

猜你喜欢

热点阅读