空盒子不会响应正确调整大小

Question

我正在创建一个响应式模板。大多数页面都包含可以很好地调整大小的图像。

但是有一个空盒子，我想按照图像的比例调整大小。

然而，当我进入较小的屏幕尺寸时，宽度反应良好，但盒子折叠到没有高度。

我意识到我可以使用一些jQ来获得所需的高度，但这似乎是用锤子敲打坚果。

这是css

/*full width*/
.moduletable_homeSMPosition007
width: 213px;
height: 119px;
background-color:#E9ABAF;
border:1px solid #d1d3d4;

/*inside a media query*/
.moduletable_homeSMPosition007 {
box-sizing:border-box;
max-width:48%;
height:auto;
width: auto\9;
}