Я думаю, что я понял разницу, наконец, и есть принципиальная разница.
Когда элемент верхнего уровня (например, <BODY>
) определяется с помощью display: block, тогда:
- Имеется блок, связанный с элементом
- . Этот блок содержит (то есть он действует как блокирующий блок для) анонимных блоков (например, текстовые узлы) и для неанонимного дочернего элемента (например, блоки
<P>
) - Элементы стиля элемента верхнего уровня, например padding, связаны с этим блоком
Когда элемент верхнего уровня (например, <BODY>
) определяется с отображением: inline, то:
- Нет никакого блока, связанного с элементом
- . Содержимое элемента (текстовые узлы в анонимном блоке и дочерние элементы в неанонимном блоке) делают not , содержащий блок, который связан с элементом верхнего уровня
- Элементы стиля элемента верхнего уровня, например padding, связаны с его встроенным контентом
задан Brian Tompsett - 汤莱恩 27 August 2019 в 05:14
поделиться