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

Question

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

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

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

如果重要的话，容器就住在另一个容器里面overflow: hidden

Answer 1

对我来说很好（演示）

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

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