Почему не устанавливается марджин справа?

Question

[screbok]

Здравствуйте.

https://jsfiddle.net/4rpfjcpw/

Красное меню навигации, слева от окна браузера отступ есть(10px), справа не работает. Решили вопрос так: поменяли в .navigation (windth: 100% на auto, пс. справа стало доступным установить отступ). Но почему конкретно при ширине в 100% слева отступ можно менять, а справа нет?

Answer 1

[Bastax13]

Но почему конкретно при ширине в 100% слева отступ можно менять, а справа нет?

"Начальная точка" (x=0, y=0) HTML-страницы является верхним левым углом. А т.к. у вас задана фиксированная ширина, то, соответственно, справа уже нет места для отступа.

*

Чисто мои предположения, не гуру CSS)

Comments

[screbok]

Хороший вариант.

[Kovalsky]

screbok: почему вариант, это истина.

Технически отступ слева тоже нельзя менять, так как в таком случае блок просто вылезает за рамки родительского контейнера. Margin это внешний отступ, а то что вы хотите всё же проще делается с помощью padding - внутреннего отступа. В случае с padding вам достаточно будет выбрать нужный отступ и применить модель border-box (box-sizing: border-box;), а в случае с margin вам придется использовать 1) статические значения ширин и отступов, или 2) использовать статические значения отступов и calc, или 3) использовать относительные размеры ширин и автоматические величины отступов.