асчет размера блочного бокса 41
1. При height: auto общая высота равна:
высота содержимого + внутренний отступ + рамки.
2. Если не height: auto, общая высота равна: высота элемента + внутренний отступ + рамки.
асчет размера блочного бокса 42
–Общая ширина и высота бокса, это не то же самое, что свойства width и height, а обычно больше.
–Но! Это поведение можно изменить.
собенности блочной модели |
43 |
|
–Схлопывание внешних отступов (margin).
–Выпадание внешних отступов (margin).
–Как расположить элемент по центру.
–Ширина по умолчанию и 100%. – box-sizing.
хлопывание внешних отступов 44
– В вертикальном направлении внешние отступы (margin) не складываются, а выбирается максимальный из доступных.
ыпадание внешних оступов |
45 |
|
– В вертикальном направлении внешний отступ (margin) вложенного блока может выпадать из родительского и отталкивать оба блока.
редства против выпадания маргинов46
https://softwaremaniacs.org/blog/2005/09/05/css-layout-flow-margins/
сположение элементов по центру47
width: auto и width: 100% |
48 |
|
width: auto и width: 100% |
49 |
|
Свойство box-sizing |
50 |
|