Приветствую Вас Гость | Регистрация | Вход

Конфликты полей блоков, особенности работы с отступами margin в CSS

Онлайн урок «Конфликты полей блоков, особенности работы с отступами margin в CSS» посвящен вопросу о том, какие проблемы могут возникнуть при работе с отступами и как их решить. Конфликты полей возникают в том случае, если для двух соседних блоков заданы разные внешние отступы. Приведем пример. Имеются два блока - верхний и нижний. У верхнего блока, при помощи свойства margin-bottom, задан внешний отступ снизу - 20 пикселей. А у нижнего блока задан верхний внешний отступ - margin-top в значении 30 пикселей. И здесь для браузера возникает вопрос, какой из отступов выбрать и на каком расстоянии друг от друга расположить блоки. В этом случае расстояние между блоками будет равно максимальному значению из отступов, а меньший отступ будет игнорироваться. В нашем случае между блоками будет 30 пикселей. Вторая особенность при работе с отступами возникает в случае, когда один блок вложен в другой и у них заданы верхние внешние отступы. В этом случае внешний отступ внутреннего блока будет выходить за рамки внешнего, но если блокам добавить рамки, то все будет работать нормально Видео урок «Конфликты полей блоков, особенности работы с отступами margin в CSS» вы можете смотреть онлайн абсолютно бесплатно. Успехов!




Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.