html – 为什么我的图像宽度不是从父div宽度继承的

发布时间：2020-12-14 18:30:43 所属栏目：资源来源：网络整理

导读：伙计我有这样的div： div id="image-container" img id="image" src="#" //with an image inside/div 并以这种方式设计： #image-container { width: 750px; height: 360px !important; text-align: center;} 但是当我加载页面并检查图像上的元素以了解其尺

伙计我有这样的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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!