Задать вопрос

Почему блок выежает за пределы родительского DIV?

Доброго времени суток.

Столкнулся с проблемой в CSS, когда блок выходит за пределы родителя. У родителя и ребенка задана ширина 100%. Назначение родителю конкретной ширины, например 500px, проблему решает, но у меня резиновый контейнер, ограниченный по max-width и блок нужен на всю ширину контейнера. Назначение родителю overflow:hidden - тоже не вариант, так как съедает часть ребенка (Жутко звучит :)). Подскажите, пожалуйста, можно ли решить это не прибегая к JS? Вот пример: jsfiddle.net/vhwWw/13
  • Вопрос задан
  • 56616 просмотров
Подписаться 7 Оценить Комментировать
Ответ пользователя cha-cha К ответам на вопрос (6)
cha-cha
@cha-cha
box-sizing: border-box; Так ваша кнопка влезет как надо. Но учитывая что там есть еще 2, то либо JS либо calc()
Ответ написан