Html 如何在没有静态高度的情况下将背景图像添加到div，使其成为全宽+；适应的？

我想将背景图像添加到div元素中，使其在主体中的行为类似于baclground图像（这里是一个示例）-它根据屏幕大小更改其宽度和高度。当我向div元素添加相同的代码时，它就不起作用了。

---

它应该如何工作的示例外观

如果我理解正确，则需要为div元素指定一个百分比

width

和auto

height

.imageContainer {
  width:100%;
  height:auto;
}

---

这将确保在调整浏览器窗口的大小时图像保持其比例。

它在chromeOn Firefox上也能很好地工作。这是背景图像在body中的外观示例。我不能对div元素做同样的事情