Ширина CSS на 100% превышает границы

Question

Взгляните на это;

http://jsfiddle.net/k2zyz/

Почему вкладка шириной 100% превышает контейнер? Содержимое в контейнере также имеет ширину 100%, и это прекрасно работает?

Answer 1

Это из-за отступа 10px.

.dc-slick .slick-tab, .dc-slick .slick-tab-image { padding: 10px }

Эти дополнительные 20px (10px слева и справа) вызывают переполнение.Если у вас установлен firebug или подобный инструмент, такие вещи легко понять.

Answer 2

Поскольку ширина области содержимого равна 100%, необходимо добавить поля, границы, отступы ...

Попытка:

размер ящика: бордюр; ширина: 100%;