CSS：如何将图像宽度设置为大于容器的 [关闭]

Question

我的任务很简单，但我似乎无法完成它。

我有一个div 容器，大小为 100 像素 x 100 像素。它的位置设置为relative，在里面我有一个位置设置为absolute 0 0 的图像。我想使用 CSS 将图像的大小设置为 200 像素 x 200 像素。通过设置overflow: hidden，从 div 中删除的内容很容易被隐藏。

这里的问题是 Chrome 和 Mozilla 都不允许我设置比容器更大的图像大小。

如果重要的话，容器会存在于另一个带有overflow: hidden的容器中

Answer 1

Works fine for me (demo)

#wrapper
{
  width:100px;
  height:100px;
  overflow:hidden;
}

img
{
  width:200px;
  height:200px;
}