绝对位置图像不会溢出其容器

时间:2012-12-15 00:09:02

标签: css overflow relative absolute

我有一个图像(250x250px),当我将它放在一个相对div容器(200x200px)中并绝对定位时,高度保持不变但宽度缩小到250px。 我正在尝试让图片溢出其容器

绝对定位图像的CSS:

#container-wrap img{
   width:250px;
   height:250px;
   margin-left:-25px;
   margin-right:-25px;
   bottom:10px;
   position:absolute;
   z-index:2;
}

容器的CSS

#container5
{
   background-image:url('imageincontainer');
   background-size:200px 200px;
   float:left;
   height:200px;
   width:200px;
   display:block;
   position:relative;
   z-index:1;
}

html for container5:

<div id="container-wrap">
   <div id="container5">
      <img src="**imagewanttooverflow**">
   </div>
</div>

0 个答案:

没有答案