2012-09-20 93 views
3

我在用下面的代码的CSS输入的图像:如何使CSS图像溢出DIV其

.imgtemp { 
      float:right; 
      top:0px; 
      left:0px; 
      overflow:visible; 
      width:100%; 
     } 

我还添加了div标签的页面以它的显示,但图像由于设计而比div更宽。我怎么能让它溢出它的内部,以使其正确。

谢谢。

+0

你想让图片展开div吗?或者你想裁剪图像的大小的div? – Nelson

回答

3

您应该将overflow:visible放在您的div上,而不是放在图像上。

4

正如纳尔逊所言,溢出:隐藏在你的形象上不会对你有所帮助。如果您绝对必须使容器小于其中的图像,则可以使用定位(例如,相对于父div,相对于顶部和左侧为0的图像为绝对)来忽略父级的大小。您还需要在图片上使用除%以外的内容,因为%会读取其父母的大小,这是适得其反的。

或者,你的意思是你想要父母的div来切断多余的图像吗?

+0

图像比div更宽,但图像停在div的两侧,我需要它扩展它们。我怎样才能做到这一点? –

+0

因此,您首先需要从图像中删除宽度:100%。其次,如果你的父div需要有一个设定的高度和宽度,你需要做我上面提到的定位变化。如果父div不需要设置高度和宽度,那么就不要为该div声明任何值,并且它会展开以适合图像。 –