圖像寬度100％，沒有水平滾動

Question

我有一個圖像設置爲100％的寬度，這是正常工作。但是，圖像產生的水平滾動條等於圖像的全部寬度（在這種情況下爲1366）。我試過overflow:hidden;，但它什麼也沒做。我如何殺死額外的空白/水平滾動條？謝謝。

.header-image-inner img { 
    overflow: hidden; 
    width: 100%; 
} 

<div class="header-image-inner"> 
    <img width="1366" height="422" alt="banner" src="http://216.227.216.66/~mercantileportag/wp-content/uploads/2015/10/Home_BannerImage1.png"> 
</div> 

Answer 1

溢出需要應用於容器元素，而不是元素本身。例如：

.header-image-inner{ 
    overflow: hidden; 
} 

.header-image-inner img { 
    width: 100%; 
}