寬度不正確一旦我使圖像全寬

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適用，所以它將擴大其寬度）。

在容器上設置寬度的情況下，強制使用該寬度（已修復並從其自己的容器繼承），因此不會展開以包含其內容。內容將會溢出。