在Div中放置圖像

Question

我試圖在div中放置一個圖像，但是當我這樣做時它根本不顯示。我自己創建了這個圖片，並且讓div適合。目前有最大寬度和最大高度，我可以讓它顯示在框內，但只有一小部分的大小。

我當前的代碼是...

HTML

<div id="carousel"> 
    <img src="Images/carousel1.png" alt="#" style="max-height:100%; max-width:100%;"> 
</div> 

CSS

#carousel { 
    width: 1280px; 
    height: 300px; 
    border: 1px, #000; 
    border-style: solid; 
    margin: auto; 
    margin-top: 10px; 
} 

Answer 1

首先，可以肯定的圖片路徑是正確的。檢查控制檯並查看是否有任何錯誤。

比，取出內嵌樣式的img標籤，並添加CSS文件：

#carousel img { 
    width: 100%; 
    height: auto; 
} 

Answer 2

您將需要應用width: 100%和高度100%你的形象標籤，並不僅是你的div容器。 檢查了這一點：http://codepen.io/anon/pen/jqzXoR