css - CSS幅が100％境界を超えています

Question

これを見てください;

http://jsfiddle.net/k2zyz/

100％幅のタブがコンテナを超えているのはなぜですか？コンテナの内容も100％の幅で、これは問題なく機能しますか？

Answer 1

コンテンツ領域の幅は100％であるため、マージン、境界線、パディングなどを追加する必要があります。

試す：

ボックスサイズ：border-box; 幅：100％;

Answer 2

これは、10pxのパディングが原因です。

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

これらの余分な20px（左右から10px）がオーバーフローを引き起こしています。ファイアバグやそのようなツールをインストールしている場合、そのようなことは簡単に理解できます。