84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
一个页面,父级p使用了position,有没有什么办法可以让我的子级p不根据父级定位而是根据浏览器定位?由于我是在别人基础上进行修改,所以不能把父级的定位去掉
欢迎选择我的课程,让我们一起见证您的进步~~
父级有position属性的话,就不要用position:absolute了,因为会以父级的左上角为原点进行定位。可以用fixed,,位置由TRBL决定,但是会跟随滚动条下滑,考虑业务需求可以选择。
如果一定得是子元素没办法,题主为什么不试试两个元素作为兄弟元素,而不是父子关系呢
可以再把问题详细化或者代码贴上来,这样比较好帮到你啊!看需求而定,不固定要position的
把你这个子级p拿出放到到body下面
如果结构没办法改变,又要相对于浏览器定位的话,可以换个思路,定位无非就是为了设置元素的位置,你可以通过计算,然后设置相应的left,top值啊
fixed?
子元素也absolute?
子元素设置相对定位不就行了
position:fixed;定位是根据浏览器进行定位的
你可以用fixed,根据浏览器窗口定位,或者你不要把元素写到已经定位的那个里面,很多时候用无依赖的绝对定位+margin都能实现你想要的布局效果。
父级有position属性的话,就不要用position:absolute了,因为会以父级的左上角为原点进行定位。可以用fixed,,位置由TRBL决定,但是会跟随滚动条下滑,考虑业务需求可以选择。
如果一定得是子元素没办法,题主为什么不试试两个元素作为兄弟元素,而不是父子关系呢
可以再把问题详细化或者代码贴上来,这样比较好帮到你啊!看需求而定,不固定要position的
把你这个子级p拿出放到到body下面
如果结构没办法改变,又要相对于浏览器定位的话,可以换个思路,定位无非就是为了设置元素的位置,你可以通过计算,然后设置相应的left,top值啊
fixed?
子元素也absolute?
子元素设置相对定位不就行了
position:fixed;定位是根据浏览器进行定位的
你可以用fixed,根据浏览器窗口定位,或者你不要把元素写到已经定位的那个里面,很多时候用无依赖的绝对定位+margin都能实现你想要的布局效果。