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）導致溢出。如果你安裝了螢火蟲或類似的工具，這些東西可以很容易地找出來。

Answer 2

因爲內容區域的寬度是100％，那麼你必須添加邊距，邊框，填充...

嘗試：

盒大小：邊界盒;寬度：100％;