Margin and padding (короткие записи) как работают?
Из курса понятно, что margin делает внешний отступ, а padding внутренний. Посмотрел в инете, вроде всё понятно. Но когда я пытаюсь изменить отступы в менюшке, то в какие-то стороны он двигает, а на другие вообще не реагирует, а на третьи двигает в другую сторону. Не пойму в чеём дело. Может это из-за ограниченного размера блока или еще что? Объясните пожалуйста.
4 ответов
Опишите подробнее вашу проблему и примеры кода приложите, что и куда хотите подвинуть.
Отступы бывает только 4вида верх вправо влево и вниз ну так скажем
<div class="marginpadding"> .marginpadding:auto auto auto auto; авто нужен для регулирований так мошешь указать если проблемы есть и в добавок можешь указать с пикселями и процентами
</div>
Спасибо, проблему вроде бы решил
Не совсем понятен вопрос, но для справки, об'ясню как меняются отступы в соответствии со значениями:
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;
И только так! Изменения отступов фиксированы, и какое из свойств куда меняет отступ нужно просто запомнить