установить поле вокруг дочернего элемента div, когда ширина родительского элемента установлена ​​с помощью JavaScript

Question

Сайт, на котором я работаю: https://tricycle -203819.appspot.com / Я хотел бы повторить эффект на этом сайте, где есть несколько разделов, а дочерние элементы div имеют поля вокруг разделов: https://www.newyorker.com/

На моем сайте ширина и поля div container-spice слева и справа задаются с помощью javascript при загрузке и размере окна. Я бы хотел, чтобы у дочерних элементов left-container, то есть дочерних элементов container-spice, было поле справа, которое имеет некоторый постоянный пиксель.

Изменение свойства padding-right и margin-right для left-container не дает этого эффекта. Я хотел бы избежать изменения свойств дочерних элементов left-container, если это возможно, поскольку они будут повторно использованы в других местах.

Answer 1

Причина, по которой margin-right на left-container не работает , заключается в том, что right-container не будет соблюдать маржу, поскольку она имеет фиксированную позицию.Однако вы можете добавить padding-right к left-container, чтобы добиться желаемого эффекта создания зазора между двумя контейнерами.