父元素position:fixed写了一个遮罩层,里面的子元素审查元素位置错乱,在超出这个元素的位置还能定位到这个元素

直播平台授权

.toolstip {

position: fixed;

left: 0;

right: 0;

bottom: 0;

top: 0;

width: 100%;

background-color: rgba(0,0,0, 0.3);

display: flex;

justify-content: center;

align-items: center;

}

.case {

width: 602;

height: 485;

background-color: #fff;

border-radius: 20;

}

.title {

width: 100%;

height: 95;

line-height: 95;

text-align: center;

font-size: 28;

color: #5e57ff;

border-bottom: 1px solid #ccc;

}

浏览器审查元素的时候 .title元素错位, 但是子元素去掉居中样式以后审查元素又正常了

css审查元素一直有一块html,css父元素定位后子元素审查元素位置错乱相关推荐

  1. iframe父页面获取iframe子页面的元素 与 iframe子页面获取父页面元素

    一.在iframe子页面获取父页面元素代码如下:$('#objld', parent.document); 二.在父页面获取iframe子页面的元素代码如下:$("#objid", ...

  2. [html] iframe父页面如何获取子页面的元素?

    [html] iframe父页面如何获取子页面的元素? 在父页面监听 onmessage,子页面 postMessage.$('iframe')[0].contentWindow.document.g ...

  3. [html] iframe父页面如何获取子页面的元素?

    [html] iframe父页面如何获取子页面的元素? window.frames["iframe的id"].contentDocument.getElementsByClassN ...

  4. JavaScript-DOM-获取节点父、兄、子节点or元素

    JavaScript-DOM-获取节点父.兄.子节点or元素   首先先来解释一下节点与元素的区别,不然真的会看的很懵啊!什么是节点?DOM规定:整个文档是一个文档节点,每个标签就是一个元素节点,也就 ...

  5. iframe子页面获取父页面元素,或父页面获取iframe子页面的元素

    用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! js 在父窗口中获取iframe中的元素 格式:window.frames["iframe的n ...

  6. CSS中文档流之普通流,浮动及定位、浮动特性及清除浮动的方式、定位模式,子绝父相搭配定位方式、z-index层级

    文档流: 普通流(normal flow): 字面意思是普通流或者标准流,也就是常说的文档流,指网页内标签正常是从上到下,从左到右排列的意思,css的定位机制有3种:普通流(标准流).浮动.定位. 浮 ...

  7. 前端开发审查元素时CSS样式有个横线(该CSS样式定义后无效) 的解决办法

    问题概述 关于这个问题,博主是在前端开发,样式调试的时候遇到的, 进行盒模型,CSS Debugger调试时,遇到样式设值后不可用的情况! 如下图: 解决办法 左看右看,上看下看,最终发现是前面在编码 ...

  8. html清除浮动的那一块区域,CSS中的BFC,外边距折叠,清除浮动

    BFC是什么? BFC(Block Formatting Context)直译为"块级格式化范围 ". 是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定 ...

  9. css 商城 两列_如何使用css伪元素实现超实用的图标库(附源码)

    今天我们来复盘一下前端中css伪元素的知识以及如何用css伪元素来减轻javascript的压力,做出一些脑洞大开的图形. 预备知识 伪元素 伪元素是一个附加至选择器末的关键词,允许你对被选择元素的特 ...

最新文章

  1. (转)光照模型及cg实现
  2. 前端工程师面经——概述及面试技巧加考点篇(一)
  3. 前端学习(1488):jsonp回顾
  4. 前端学习(1405):多人管理25node.js—安装bcrypt出现错误的解决办法
  5. C/C++ | Qt 实现爬虫功能,爬取CSDN博客文章
  6. matlab在常微分方程的应用,MATLAB在常微分方程上应用.ppt
  7. 公众号向特定用户主动推送消息_公众号助手——消息不仅可以群发,还不限制次数!...
  8. java server faces
  9. 微信怎么at所有人_微信分付怎么开通,入口在这里,简单几步教你快速开通
  10. BZOJ4001[TJOI2015]概率论(数学、期望、生成函数、卡特兰数)
  11. mysql5.5源码安装_MySQL5.5源码安装
  12. javascript控制页面控件隐藏显示的两种方法
  13. JVM内存区域(一)
  14. 手机淘宝客应用(服务端+客户端+数据库)源码项目
  15. 神仙打架!清华公布2020特奖候选人名单,有人三篇顶会一作!还有人...
  16. tomcat各版本下载
  17. 撤回的消息服务器还可以看到,微信消息被撤回,居然还能看到!原来还有11个你不知道...
  18. 如何设计接口测试用例
  19. 雅马哈与上位机TCP通讯
  20. 原生js实现fadein 和 fadeout

热门文章

  1. linux corntab下的关机命令,centos6下定时任务crontab命令的使用 | 雷雨博客
  2. 网易卡搭python怎么用_python爬取+使用网易卡搭作品数量api
  3. mybatis与spring整合详解
  4. [1101]flink常用参数说明
  5. 字符串包含单引号加上mybitis${}写法引发的plese exclude tableName or statementId异常
  6. 从0到1万字贴心讲解单体架构到分布式架构的演变(第一篇)
  7. java mysql连接池配置_Java数据库连接池的几种配置方法(以MySQL数据库为例)
  8. 申报不能忘,2022年湖北省各地专精特新小巨人企业奖励补贴政策汇编(附申报条件)
  9. Android 9 红米4x,红米4X lineage16 安卓9.0 极致省电 纯净 完美root Xposed 经典版
  10. NM_CUSTOMDRAW消息