0

Всем здравствуйте! У меня такой вопрос, продолжил я изучение HTML/CSS, и я не могу понять, для чего вообще нужно применять свойство box-sizing для HTML-элементов в CSS. Если кто сможет объяснить более понятно, то было-бы не плохо!

2 ответа 2

8

Размер элемента складывается из высоты/ширины его содержимого + размеры padding'ов + размеры border.

Если Вы задаёте элементу width и height, по-умолчанию, это будет шириной/высотой именно содержимого.

То есть, если Вы добавляете свойства padding/border, то визуально элемент увеличится.

Box-sizing меняет это поведение. Если Вы укажете ему значение border-box, то размеры padding и border будут включены в width/height данного элемента.

Подробнее: webref.ru

-1

Не можешь понять - не используй. Когда элементы начнут вылазить на величину отступов (или, возможно, переноситься на следующую строку), поймёшь и применишь box-sizing: border-box. А то может у тебя там вёрстка такая, что он тебе и не нужен.

10
  • 2
    Минусаторы, с чем конкретно не согласны?
    – Qwertiy
    5 июн 2018 в 13:47
  • Действительно... От меня лично + 5 июн 2018 в 14:18
  • Не является ответом на вопрос. Чтобы оставить свои замечания или попросить у автора внести уточнения, оставьте комментарий к соответствующему сообщению. - Из очереди проверок 5 июн 2018 в 14:39
  • @Темкатоже, почему?
    – Qwertiy
    5 июн 2018 в 14:41
  • 1
    @Qwertiy, мне просто кажется, что можно было бы классный ответ соорудить, если б больше деталей было б и подробностей и особенностей применения, пользы и вреда от этого атрибута в реальной жизни)
    – ЮрийСПб
    5 июн 2018 в 18:34

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.