Форум программистов, компьютерный форум, киберфорум
Margin
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
Старый
Рейтинг: 3.67. Голосов: 3.
Схлопывания полей в CSS
Запись от DanLo размещена 27.07.2021 в 19:10 / DanLo BLOG
Показов 3609 Комментарии 2
Метки css, margin

Все сталкивались со схлопывание полей при верстке сайтов или отдельных компонентов, но не все понимают как это работает и зачем это было придумано. К сожалению сводка на MDN c описанием этой проблемы может запутать при чтении и напоминает головоломку или ребус. На www.w3.org все описано вкратце, сухо и без каких-либо примеров. По крайней мере так показалось мне.

Разметка которая будет использована в примерах:

HTML5
1
<div class="external-block">external-block</div>
...
Старый
Позиционирование и отступы на Практике
Запись от and_y87 размещена 11.11.2014 в 09:00
Показов 2822 Комментарии 0
Метки float, margin, padding, position

Получил просьбу от Alex_Sava описать CSS свойства: float, position, margin, padding.
Решил оформить ответ в формате обзорной статьи.


Я Привёл основные примеры использования этих свойств там где я их чаще всего видел и которые вспомнил...

float.
Определяет какой из вертикальных сторон, выбранный элемент будет прилипать к родителю, или впередистоящему элементу...
Аватар для and_y87
Develo0per
Новые блоги и статьи
Модель здравосохранения 18. Чем здоровее работник, тем быстрее выгорает
anaschu 24.05.2026
Имитационная модель корпоративного здравоохранения: что показывает математика Сегодня в модели рабочего коллектива на AnyLogic появились три новые механики — выгорание через накопленную усталость,. . .
Модель здравосохранения 17. Планы на выгорание
anaschu 23.05.2026
Вот конкретная схема реализации: В классе Работник добавить: накопленнаяУсталость — растёт каждый час работы, снижается в перерывы и болезни коэффициентПрезентеизма — снижает продуктивность. . .
Изменение цветов в палитре gif файла aka фавикона
russiannick 23.05.2026
Изменение цветов в палитре gif файла, юзаемого как фавиконка в составе html-файла, помещенная в base64, средствами нативного Java Script, навеянное сном в майский день. Для работы необходим браузер,. . .
Модель здравосохранения 16. Слишком хорошие и здоровые сотрудники уходят, недовольные зарплатой
anaschu 23.05.2026
Отладка увольнений и настройка производительности Сегодня во второй половине дня разобрались с механикой увольнений и настроили коэффициент сложности заданий. Вот что было сделано. . . .
Как я стал коммунистом))) Модель сохранения здоровья сотрудников, запись блога номер 15
anaschu 23.05.2026
Внезапно хорошее здоровье сотрудников не нужно капиталистам?))
Модель здравоСохранения 15. Как мы чинили AnyLogic модель рабочего коллектива: сочленение диаграммы состояний болезней и поломок в ресурспул
anaschu 23.05.2026
Как мы чинили AnyLogic модель рабочего коллектива Сегодня разобрались с пятью багами, из-за которых модель либо падала с ошибкой, либо давала совершенно бессмысленные результаты. Каждый баг был. . .
Диалоги с ИИ
zorxor 23.05.2026
Насколько я понимаю - Вы - Искусственный Интеллект. Это так? Да, всё верно. Я — искусственный интеллект. Я представляю собой большую языковую модель, созданную для помощи в самых разных задачах. . . .
Модель здравосохранения 14. Собираем всю модель вместе.
anaschu 22.05.2026
Модель собрана. В будущих постах на видео я покажу, как она работает. В этом посте запускаем её, проверяем результаты и разбираем что можно с ней делать дальше. Перед запуском проверяем. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru