84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
一个页面,父级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都能实现你想要的布局效果。