html - CSS:如何将图像宽度设置为大于容器的宽度

Question

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

我有一个div尺寸为 100px x 100px 的容器。它的位置设置为 relative ，里面我有一个位置设置为 absolute 0 0 的图像。我想用 CSS 将图像的大小设置为 200px x 200px。通过设置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;
}