宽度不正确一旦我使图像全宽

Question

我有一个3 800x200图像的容器

通常它们的容器宽度应该约为2400。一切都很好，但一旦我加宽：100％;到的影像，然后将容器宽度等于铜100vw

我不明白为什么会出现这种情况？加宽：100％;到一个显示块元素应该没有什么区别。

实施例：

容器之间的唯一区别是，第二个有宽度：100％;应用于图像

代码 - http://codepen.io/digitalzoomstudio/pen/eBBjNL

.fullwidth{ 
    display:block; 
} 
.fullwidthwithwidth100{ 
    display:block; 
    width: 100%; 
} 

Answer 1

该容器具有white-space:nowrap和.csc-itemdisplay:inline具有。

这意味着容器不具有特定宽度时，将扩展以包含其内容（，并且由于nowrap适用，所以它将扩大其宽度）。

在容器上设置宽度的情况下，强制使用该宽度（已修复并从其自己的容器继承），因此不会展开以包含其内容。内容将会溢出。