В чем ключевые различия блочного от строчного элементов?

Question

[AlexNew22]

Читаю документацию и почему-то их различия как-то в скользь везде описываются
Строчный от блочного элемента отличается только тем, что у блочного элемента ширина по умолчанию 100%, а строчный не может занять 100% родительского блока, пока мы его не переведем в инлаин блок?
И в блочный элемент можно помещать любые другие блочные или строчные элементы, а в строчный только строчные?
На этом все?

Comments

[Ankhena]

1.

что у блочного элемента ширина по умолчанию 100%,

Не 100%, а занимает всю доступную ширину. Почитайте про box-sizing, поймете в чем разница.

отличается только тем

Нет не только. Ещё у строчным не задать размеры (и ширину и высоту) и вертикальные отступы. Вертикальные паддинги задать можно, но работать они будут не так, как для блочных. А также и некоторые другие свойства работают не так, как с блочными.

2. Что во что можно вкладывать определяется не блочностью/строчностью, а категорией контента https://developer.mozilla.org/ru/docs/Web/Guide/HT...

Answer 1

[Владимир Коротенко]

первый блок второй строка.
А отличий вагон и малая тележка.
В общем отличие что блок позволяет более гибко управлять позиционированием.
Однако я рекомендую использовать семантическую модель.
То есть в идеале html не должен содержать ни тэгов class ни тегов style.