Мне интересно, является ли это ошибкой или (более вероятно) недоразумением при использовании dev tools / 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 выделял только часть тела синим цветом (после верхнего поля элемента child , но, как ни странно, без левого поля), несмотря на то, что тело занимало всю страницу (как видно по серому цвету фона)).Тем не менее, простое создание чего-то простого, например, границы вокруг тела, кажется, полностью решает проблему выделения.Есть ли причина, по которой Chrome выделяется по-разному в двух случаях?![enter image description here](https://i.stack.imgur.com/VasvJ.png)
![enter image description here](https://i.stack.imgur.com/krhG6.png)