Почему margin не отступает от всех границ род. элемента?

Код?

И я не совсем понял вопроса, если честно.

Рустам Байназаров, я хочу понять логику по которой работает расположение и масштабирование.
Кода пару строк:
html:
body > div(c классом) > p
css:
у класса параметры:
margin:30px;
width: 500px;

Рустам Байназаров, и Вам копи/паст) Почему css работает так, что когда ты указываешь margin 30px (т.е. отступ со всех сторон), элемент делает этот отступ только слева и сверху? Браузер учитывает, тот нюанс, что со всех сторон невозможно отступить по 30px и просто игнорирует 2 параметра из 4х ?

noboxer, да, всё работает так, как надо. Поэтому я и не понял вопроса. Что вы ожидаете увидеть? Желтым подсвечена зона работы margin:



Если вы хотите, чтобы блок отступал от края body, то у меня для вас плохие новости, т. к. margin — это внешний отступ от элемента, а не отступ от родителя.

Ежели вы не это имеете в виду, то я вообще не понимаю, в чём прикол, т. к. вы сами задали ширину 500 пикселей элементу, а показываете на скриншоте экран, который шире его. Естественно, что справа от него будет пустое место. А отступ снизу — ясное дело, т. к. блок у вас ниже высоты экрана.

По-моему, это чрезвычайно очевидно...