zoukankan      html  css  js  c++  java
  • position:fixed 失效

    如果position:fixed 失效,那应该是你设置position的元素的父元素中有设置了transform属性哦 。

    把 transform删除或设置为none就可以解决啦。

    但是如果transform是必要的,不能删除,我们可以在此父级最外层再加一层元素专门用于定位,这样position:fixed就能生效啦。

    举个栗子:

    /* 一定要将ancestor和parent的大小设置为一样大*/
    .ancestor{
    position: relative; /*重点*/
    width: 300px;
    height: 300px;
    }
    .parent {
    width: 300px;
    height: 300px;
    overflow: auto; /*重点*/
    }
    .child {
    position: absolute;/*重点*/
    width: 320px;
    height: 320px;
    }
    嗯...大概意思就这样。
  • 相关阅读:
    线段树优化dp(elect选择)
    gdb调试
    无参装饰器
    3.23作业
    3.22周末作业
    函数对象与闭包函数
    3.20作业
    3.19作业
    名称空间与作用域
    函数参数的使用
  • 原文地址:https://www.cnblogs.com/lilelile/p/7488734.html
Copyright © 2011-2022 走看看