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

Question

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

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

我不明白为什么会这样？添加宽度：100％;显示块元素应该没有任何区别。

示例：

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

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

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

Answer 1

容器有white-space:nowrap，.csc-item有display:inline。

这意味着当没有特定宽度时，容器将展开以包含其内容（，因为nowrap应用它将扩展其宽度）。

如果在容器上设置宽度，则强制它具有该宽度（已固定并从其自己的容器继承），因此不会展开以包含其内容。内容将溢出它。