当前位置: 首页 > Web前端 > CSS

css定位的一些理解和使用

时间:2023-03-30 16:05:30 CSS

position:relitive;使用position:absolute和absolute;使用position:static和relive;//默认定位方式,定位四元素(topbottomleftright)无效。位置:固定;//固定位置:继承;//继承自父类的position:initial;//初始化,也就是定义的默认值,即staticposition:unset;//字面意思,unpositioned方法position:sticky;//专注于sticky定位,大部分时候被当做relitivefxied的组合,主要用在上滑动的过程中,一个元素和它的父元素的距离达到sticky时请求,那么他就会触发固定效果。使用条件:1、父元素不能设置为:overflow:hidden;溢出:自动;并且不要设置固定高度。2.必须指定四个要素之一。3、父元素的高度不能低于sticky的高度。4.作用范围仅限于其父元素的框。5.好像下面的安卓不兼容。具体详细的用途:https://www.zhangxinxu.com/wo...emmmmm,其他小东西;其实fxied的定位方式不仅是相对于浏览器窗口,还可以结合relitive来使用。但是当子级设置为fxied时,这四个元素不能用来设置子元素的位置,必须通过margin的值来设置不同的位置。