Откуда берется поле / интервал?

Question

У меня есть 2 встроенных гибких контейнера в этом тесте .Я конкретно имею в виду тест, который говорит Затем The flex containers are laid out inline.

Между контейнером есть немного места, но когда я смотрю в хромИнструменты разработчика в поле «Поля» Я не вижу полей, визуализируемых ни в одном контейнере, поэтому мне просто любопытно, откуда берется пространство?

Вот изображение теста, просто чтобы убедиться,понятно:

Answer 1

Похоже, что inline-flex похоже на inline-block в том смысле, что оно учитывает пробелы, которые есть в разметке HTML между контейнерами.Так что просто удалите пробел между u-flex-inline:

<div class="Test_render">
  <div class="u-flex-inline
              u-background-color-orange
              u-padding-1rem
              u-border-right-style-solid
              u-border-right-width-2px">
              First container</div><!--
  --><div class="u-flex-inline
              u-background-color-orange
              u-padding-1rem">
              Second container</div>
          </div>