html - 如何停止显示在 div 之外的图像

Question

考虑这段代码...

<div id="outer" style="position:absolute;width:100px;height:100px;border:1px solid black">
  <div id="inner">
    <img src="http://rabbitempire.org/wp-content/uploads/Pet-Rabbit-Facts.jpg">
  </div>
</div>

我需要添加什么样式才能使图片的左上角可见？

请注意，我不想使用背景图像，因为问题实际上是关于 div，信不信由你，但兔子不是我应用程序的一部分。哦，在“现实生活”中我不会使用内联 css。

Answer 1

div#outer { overflow:hidden; }​

此处演示:http://jsfiddle.net/J34aJ/