Заполнение родительского элемента и поле дочернего элемента ⇐ CSS

[Anonymous]

Когда я хочу поместить некоторый (логически значимый) элемент div внутри (логического) контейнера div с некоторым пространством друг от друга, как показано ниже,




какой из двух способов будет более логически правильным?< /p>

• Установить свойство заполнения контейнера
  Установить свойство поля элемента div, находящегося внутри< /li>

Иногда в контейнере бывает несколько элементов, например:



Для таких случаев , мне нужно будет установить пространство между элементами независимо от пространства вокруг элементов. Для пространства между ними я не могу использовать свойство заполнения контейнера, и мне нужно использовать поле (-left или -right) элементов внутри. Принимая это во внимание, для установки пространства между контейнером и элементами мне интересно, имеет ли смысл устанавливать поля (-left, -right, -top, -bottom) элементов или отступы контейнера. .

Я использую flexbox. И у меня также есть настройка размера окна: border-box;. При необходимости я могу использовать селекторы CSS, такие как nth-child.

Подробнее здесь: https://stackoverflow.com/questions/168 ... n-on-child