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

Question

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

我有一个div容器，大小为100px×100px。它的位置设置为relative，内部我有一个位置设置为absolute 0 0的图像。我想用CSS将图像的大小设置为200px×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;
}