画像の幅を一度正しくしたら

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が適用されるため、幅がに拡大されます。

コンテナに幅を設定した場合は、その幅（が固定され、独自のコンテナから継承されています）を強制的に適用します。内容はちょうどそれをオーバーフローされます。