Google Chrome странный разрыв между div - PullRequest
0 голосов
/ 08 марта 2019

Когда я просто вводил <div> в <html> и включал режим «Эмулированные устройства».Между <div> обнаружился какой-то странный разрыв.Это выглядит следующим образом:

enter image description here

Вот мой код:

li {
  height: 360px;
  background: #000;
}

html,
body {
  margin: 0;
  padding: 0;
}

div {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  height: 360px;
  background: #000;
}
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

Эта проблема возникала только в Google Chrome "Эмулированные устройства".Как я могу это исправить?

1 Ответ

0 голосов
/ 08 марта 2019

Я считаю, что это вызвано пробелом между предыдущим </div> и следующим <div>.Удалите все пробелы или используйте комментарий между ними в HTML.

Существует аналогичная проблема с использованием inline-block и 50% в блоке div при 100%.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...