Как исправить выпаденте текста из блока?
В частности, у всех элементов по умолчанию для свойства box-sizing используется значение content-box, то есть при определении ширины и высоты элемента браузер будет прибавлять к значению свойств width и height также и внутренние отступы padding и ширину границы.
В итоге это может привести к выпадению плавающих элементов из тех блоков, которые для них предназначены.
Поэтому часто для всех элементов рекомендуется устанавливать для свойства box-sizing значение border-box, чтобы все элементы измерялись одинаково, а их ширина представляла только значение свойства width.
По этой причине очень часто в стилях добавляется следующий стиль:
* {
box-sizing: border-box;
}