CSS宽度超过界限100％

Question

看看这个;

http://jsfiddle.net/k2zyz/

为什么100％宽度标签超出容器？容器中的内容也有100％的宽度，这可以正常工作吗？

Answer 1

因为内容区域的宽度是100％，所以你必须添加边距，边框，填充......

尝试：

box-sizing：border-box;宽度：100％;

Answer 2

这是因为填充10px。

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

那些额外的20px（左右10px）导致溢出。如果您安装了firebug或类似的工具，可以很容易地找出这些东西。