在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