Как задать внешний оступ блоку с position:relative?

Question

[Юра]

Привет, есть всплывающее окно z-index:99; position:relative; с шириной max-width:600px; расположено внутри враппера с z-index:97; position:fixed;

Как у вспылывающего окна при сужении браузера задать внешний отступ?

margin:30px; не помогает, единственно что приходит в голов, это создать либо ещё одну внешнюю обёртку, либо весь контент перенести во внутреннее дополнительное окно.

Comments

[Юра]

Нашёл одно решение как задать отступ по ширине, max-width:600px; width:calc(100% - 60px); теперь при сужении окна браузера у блока есть отступы по 30рх с левого и правого края.

Answer 1

[Юра]

Создал внутренний дополнительный блок, у родительского добавил padding:30рх, на мой взгляд это оптимальное решение.

Comments

[Antony Bark]

Справедливости ради, полный ответ дал lamer350, и он должен быть решением.
Не портите себе карму искусственными накрутками.

Answer 2

[lamer350]

Способов на самом много:
1. Для DIV который z-index:99 в css не должно быть width вообще, если есть - удалите! Он должен быть display:block (он и есть им по умолчанию, то если ничего другого не писали, ничего дописывать и не нужно). Если все ок, то пишите просто margin:30; Если у вас это не получается, то где то задан width;
2. Добавляете 2 свойства для блока: box-sizing: border-box; border: 30px solid transparent;
3. Добавляем всего одно свойство: width: calc(100%-60px);