zoukankan      html  css  js  c++  java
  • fixed布局的坑

    本篇试图记录所有fixed布局所带来的坑的解决方案:

    1、fixed布局父元素导致子元素无法滚动的问题

    (1)水平,给父元素样式加上

      left: 0;
      right: 0;
      overflow-x: scroll;
      overflow-y: hidden;
     
    (2)竖直,给父元素样式加上
      top: 0;
      bottom: 0;
      overflow-x: hidden;
      overflow-y: scroll;
     
     
    2、在父元素transform属性不为none时,其子元素的fixed定位会失效。原因是子元素的相对定位由原本的视区变为了父元素。
     
    3、页面使用fixed布局会导致低版本苹果手机上微信浏览器无法识别二维码。
     
  • 相关阅读:
    输出函数
    curl
    页眉的章名和章名不统一
    水平柱状图
    目录和正文的页码生成
    protobuf的使用
    yarn vue安装
    nvm node的安装
    win安装postman
    机器码
  • 原文地址:https://www.cnblogs.com/cheeseCatMiao/p/10307494.html
Copyright © 2011-2022 走看看