1:relative
相对定位,经常配合absolute来实现垂直居中;
2:absolute
绝对定位(脱离文档流的布局),起始位置为html文档,如果父元素为relative则相对于父元素;
3:fixed
固定定位(类似于absolute),相对于浏览器窗口不随着滚动条而改变位置, 通常用于功能:回到顶部按钮;
4:static
1:relative
相对定位,经常配合absolute来实现垂直居中;
2:absolute
绝对定位(脱离文档流的布局),起始位置为html文档,如果父元素为relative则相对于父元素;
3:fixed
固定定位(类似于absolute),相对于浏览器窗口不随着滚动条而改变位置, 通常用于功能:回到顶部按钮;
4:static
本文标题:position 有4种,分别对应效果和用法
本文链接:https://www.haomeiwen.com/subject/rlchnltx.html
网友评论