伙计我有这样的div：
<div id="image-container"> <img id="image" src="#" > //with an image inside </div>
并以这种方式设计：
#image-container {
width: 750px;
height: 360px !important;
text-align: center;
}
但是当我加载页面并检查图像上的元素以了解其尺寸时,这就是它所说的：
element.style {
height: 600px;
width: 600px;
}
为什么图像不继承div的宽度？由于某种原因,我不能手动设置所需的图像宽度,所以我不能这样做：
#image {
width : 330px; //manually putting width
height: 303px; //same same which i cannot do this for some reason
}
知道为什么或如何解决这个问题？
我都尝试过以下解决方案：
这是我从inspect元素得到的：
#image {
height: inherit; // crossed-out
width: inherit; // crossed-out
}
有些东西会覆盖我的图像尺寸.
解决方法
试试这个
FIDDLE
#image-container {
width: 750px;
height: 360px !important;
text-align: center;
overflow: hidden;
}
#image-container img{
width: inherit;
}
