html - 如何将图像放入div？

Question

我想在一个 div 中插入一个图像，但我遇到了问题:图像溢出到 div 之外!!哦哦

(对不起我的英语)这就是代码 HTML

 <div class='immagine2'><img src='http://farm4.staticflickr.com/3822/9522792825_c68706706d_o.jpg'></div>

和 CSS...

 div.immagine2 {
      position:relative;
      width:500px;
      height:410px;
      margin: 30px 30px 30px auto; 
  }

 div.immagine2 img {
      float:left;
 position:absolute;
 left:50%;
 top:50%;
      margin-left:-155px;
 margin-top:-75px;
  }

和here链接。怎么了？

重要!!! : 我希望图像向左流动，因为我想在右侧添加文本!

Answer 1

将 overflow: hidden 添加到以下 id:

div.immagine2 {
    overflow:hidden;
    ...
}

这将有效地防止超出 div 的任何内容显示在页面上。希望对您有所帮助!!