CSSDay09 浮动详解

定位

一种页面布局方式,使用position属性设置,position主要包括五种值

static

默认属性,通常不会使用

relative

相对定位元素,设置后会保留原来的位置(不托标),偏移时相对于自身位置偏移,设置的值为 top left right buttom

absolute

绝对定位元素,设置后不占有原来位置(脱标),移动位置相对于带有定位的父级,通常是子绝父相来使用

fixed

固定定位元素,设置后不占有原来位置(脱标),将元素固定,移动位置是浏览器可视范围,通常作为侧边二维码或者客服电话等使用

sticky

粘性定位。设置后占有位置(不脱标),效果为一直显示在浏览器的可视区内,常见的有淘宝京东的顶部搜索栏

 

posted @ 2021-09-10 15:40  望舒不是羲和  阅读(33)  评论(0)    收藏  举报