@vadim_sverdlik
Начинающий разраб

Как задать box-sizing:border-box только для одного блока?

Я практически закончил верстку и доработку сайта, делал все без свойства box-sizing:border-box, но теперь необходимость появилась сделать карусель,установил slick-slider , а му это свойство просто необходимо,без него слайдер некорректно делает себе ширину слайдов, плывет страница. Если ставлю свойство,то все норм именно в этой странице, но везде на других страницах тогда много моментов плывет. Можно ли как-то задать свйоство для всех элементов именно карусели ,или отдельного дива,потому что не хочу много чего передделывать,а иначе слайдер плывет
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
sniggering_deus
@sniggering_deus Куратор тега CSS
I will live forever in the flame of your eyes.
.element,
.element *, 
.element *:before, 
.element *:after {
box-sizing: border-box;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
AntonLitvinenko
@AntonLitvinenko
HTML coder
Это на каких-то курсах, типа ранней HTML Academy было, что они не юзали box-sizing: border-box; Высчитывали размеры на калькуляторе.
Не усложняйте себе жизнь, следующую работу делайте с включенным border-box
Ответ написан
@fureg
Оборачиваете ваш слайдер в div (к примерму с классом "parent") и при написании стилей указываете селектор:
.parent .класс_слайда { * необходимые стили * }. Всё просто:)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы