Margin and padding (короткие записи) как работают?

6

Из курса понятно, что margin делает внешний отступ, а padding внутренний. Посмотрел в инете, вроде всё понятно. Но когда я пытаюсь изменить отступы в менюшке, то в какие-то стороны он двигает, а на другие вообще не реагирует, а на третьи двигает в другую сторону. Не пойму в чеём дело. Может это из-за ограниченного размера блока или еще что? Объясните пожалуйста.

margin
padding
css

4 ответов

1

Опишите подробнее вашу проблему и примеры кода приложите, что и куда хотите подвинуть.

0

Отступы бывает только 4вида верх вправо влево и вниз ну так скажем

<div class="marginpadding">    .marginpadding:auto auto auto auto; авто нужен для регулирований так мошешь указать если проблемы есть и в добавок можешь указать с пикселями и процентами

</div>

2

Спасибо, проблему вроде бы решил

10

Не совсем понятен вопрос, но для справки, об'ясню как меняются отступы в соответствии со значениями:

margin: 1px 2px 3px 4px;

На 1 пикселей - вверх
На 2 пикселей - вправо
На 3 пикселей - вниз
На 4 пикселей - влево

Аналог:

margin-top: 1px;
margin-right: 2px;
margin-bottom: 3px;
margin-left: 4px;

Второй момент: если группировать значения, тогда отступы будут меняться так:

margin: 5px 6px;



На 5 пикселей вверх и вниз
На 6 пикселей вправо и влево

Аналог:

margin-top: 5px;
margin-bottom: 5px;
margin-right: 6px;
margin-left: 6px;



И только так! Изменения отступов фиксированы, и какое из свойств куда меняет отступ нужно просто запомнить

Sign up or Log in to write an answer