发表于： 2020-06-03 23:30:44
1 894
今日收获：
1.position定位的集中类型。
fixed，定位为不会随着滚动浏览器而改变位置的类型，如
p.pos_fixed{
position:fixed;
left:30px;
top:10px;
}
定义了P元素位置为距离左边界30像素，顶部10像素的地方，且不会随着滚动浏览器而变化。始终在那里。
static默认定位，一般不用。
relative定位
p.pos_relative{
position:relative;
left:-30px;
}
定义P元素所在位置为其本来位置向左整体移动30像素。
absolute
p.pos_absolute{
positon:absolute;
left:30px;
top:10px;
}
定位p元素的位置为最近一个距离定位元素左边30像素，顶部10像素的位置。若最近没有定位的父元素，则其相对于<html>
sticky
div.sticky{
position:-webkit-sticky;
position:sticky;
top:0;
background-color:green;
}
定义了该元素，在其指定位置不动，若滚动浏览器超过其位置，仍然会处在当前页面指定位置上。
明日目标：
编码实战加上input表单，并对任务页的切片和表单进行排列，
上传学员服务器，完成任务4.
返回列表
评论