将图像放在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

首先，确保图像的路径正确。检查控制台，看看是否有任何错误。

然后，删除101-109标记上的内联样式并添加css文件：

img

Answer 2

您需要将width: 100%和身高100%应用于您的图片代码，而不仅仅是您的容器div。 看看这个：http://codepen.io/anon/pen/jqzXoR