如何停止 div外部的图像显示

考虑这个代码...

考虑这个代码...

<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>

什么风格(S)我需要添加,使它只有图像的左上角是可见的?

请注意,我不想使用背景图像,因为这个问题真的是关于 div 的,信不信由你,但兔子不是我的应用程序的一部分。

28
div#outer { overflow:hidden; }​

这里演示:http://jsfiddle.net/J34aJ/

14

您可以将img { max-width: 100%; height: auto; }应用于图像标记

3

您可以丢失#innerdiv 并将overflow: hidden;添加到#outerdiv。

#outer {
  overflow: hidden;
}
2

就这么简单:

overflow: hidden;

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(289)
Oracle中的跟踪会话(事件10046)
上一篇
SQLServer始终在AWS RDS上加密
下一篇

相关推荐

发表评论

登录 后才能评论

评论列表(28条)