css - Chrome 开发工具没有突出显示整个身体?
问题描述
我想知道这是否是错误或(更有可能)是使用开发工具/ CSS 的误解。我正在玩一个具有以下风格的JSFiddle :
div.notrelative {
height: 100px;
width: 100px;
background: #eaf;
margin: 50px;
font-size: 9px;
position:relative;
font-family: Arial;
}
body {
margin:30px;
}
div.absolute {
height: 20px;
width: 20px;
position: absolute;
background: #eea;
margin-bottom: 10px;
top: 0;
left: 0;
我正在查看 JSFiddle 和本地副本上的开发工具中突出显示的区域,我注意到一些奇怪的东西。尽管正文占据了整个页面(如灰色背景色所示),但Chrome 仅以蓝色突出显示正文的一部分(在子元素的上边距之后,但奇怪的是不是左边距)。然而,仅仅在身体周围创建一些简单的东西,比如边框,似乎完全可以解决突出显示的问题。Chrome 在这两种情况下突出显示不同是否有原因?
解决方案
推荐阅读
- google-cloud-platform - Google Cloud 中的流式插入/更新 - BigQuery
- python - 错误消息:x 和 y 必须具有相同的第一维,但具有形状 (23,) 和 (1,)
- java - 如果 Hibernate 和 Java 的第一个条件不成立,为什么使用 if-else 不会保存数据?
- assembly - 编写指令将 26(十进制)加载到寄存器 cx
- python - 如何从浮雕对象中提取圆形文本
- python - SSLError:HTTPSConnectionPool python pandas-datareader
- c# - 重命名 .aspx 文件和类后未检测到 UI 元素
- sql-server - SQL Server 在第一次插入时触发双精度值
- google-bigquery - BigQuery - 是否可以在同一个查询中使用 2 个通配符表?
- google-apps-script - importrange 更改值时如何触发脚本