Здравствуйте! Помогите объяснить. В задании блочной модели “Ширина 100% и ширина по умолчанию” сказано, что общая ширина блока рассчитывается как сумма Границ (слева + справа) + Внутренние отступы + собственно Ширина Содержимого (width).
Вопрос: мне на у вас на форуме отвечали + друг который работает на фирме по созданию сайтов говорили, что общая ширина блока - это то же самое + маргин (внешние отступы). Как правильно рассчитывать общую ширину с маргинами или без т.е. Границы + Паддинги + Ширина содержимого (контента)?
Ширина блока это комплексная величина и складывается из нескольких значений свойств:
width — ширина контента, т.е. содержимого блока;
padding-left и padding-right — поле слева и справа от контента;
border-left и border-right — толщина границы слева и справа;
margin-left и margin-right — отступ слева и справа.
width: 300px; /* Ширина контента /
margin: 7px; / Значение отступов /
border: 4px solid black; / Параметры границы /
padding: 10px; / Поля вокруг текста */
Ширина блока согласно этой записи будет равна 342 пиксела, эта величина получается складыванием значения ширины контента плюс отступ слева, граница слева и поле слева, плюс поле справа, граница справа и отступ справа. Суммируем все числа.