Javascript 图像不能正确地放入div中

所以我要做的是在一个小的div中有一个大的图像，在这个例子中是一个地图，里面有滚动条，可以让你看到地图的其余部分。目前我正在使用class=“img responsive”，但它使图像与div的大小相同，这是我不希望看到的，因为当用户查找道路时，如果地图太小，他们将无法看到它。我还试图为div设置一个最大高度，但图像溢出到背景上。请帮忙

.ibox内容{
背景色：#ffffff；
颜色：继承；
填充：15px20px20px20px；
边框颜色：#e7eaec；
边界图像：无；
边框样式：实心-实心-无；
边框宽度：1px0px；
最大高度：350px；
}

---

删除

img responsive

，因为它为元素提供了样式

最大宽度：100%

，这意味着图像永远不能比其父图像宽

添加

溢出：自动到容器：

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
    max-height:350px;
    overflow: auto;
}

删除
img responsive
，因为它为元素提供了样式
最大宽度：100%
，这意味着图像永远不能比其父图像宽

添加
溢出：自动到容器：

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
    max-height:350px;
    overflow: auto;
}

删除
img responsive
，因为它为元素提供了样式
最大宽度：100%
，这意味着图像永远不能比其父图像宽

添加
溢出：自动到容器：

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
    max-height:350px;
    overflow: auto;
}

删除
img responsive
，因为它为元素提供了样式
最大宽度：100%
，这意味着图像永远不能比其父图像宽

添加
溢出：自动到容器：

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
    max-height:350px;
    overflow: auto;
}

带溢出的Div:scroll或overflow:auto将解决您的问题。
带溢出的Div:scroll或overflow:auto将解决您的问题。
带溢出的Div:scroll或overflow:auto将解决您的问题