Блочная модель документа. Последнее испытание (23/23)

Друзья, подскажите пожалуйста, что бы отодвинуть блок 2 от блока 1 применил “margin-right: 10px;” сделал это чисто интуитивно, ожидал другого эффекта, но сработало, почему оттолкнулся только блок 2, если свойство применилось к общему классу .column? и разве блок не должен был оттолкнуться от правого края на 10px?.
если к .column применить свойство margin-left: 10px, то оно толкает на 10px оба блока от левого края. что за магия с margin-right: 10px; не понимаю. Что за пробел в моих знаниях?)

если я правильно поняла ваш вопрос без кода, то магии нет. Вы задаете margin-right: 10px; (внешний отступ справа 10рх) и получается (по горизонтали) такая картина: блок1 - правый отступ блока1 - блок2 - правый отступ блока2 - где-то там правая граница body. Правый отступ блока1 - это как раз и есть расстояние по горизонтали между блоками. Правый отступ блока2 тоже есть, но так как за блоком2 по горизонтали больше ничего не идет и расстояние до правого края body гораздо больше 10px, то вы визуально этот отступ никак не можете обнаружить. Поэтому и кажется, что подвинулся только один блок.

Когда вы задаете margin-left: 10px, то (опять же, по горизонтали) мы имеем: левая граница body - левый отступ блока1 - блок 1 - левый отступ блока 2 - блок2. Получается, что в этом случае оба отступа “ограничены” и видны. - и поэтому ощущение, что подвинулись оба блока.

2 лайка