如何隐藏div的溢出？

Question

我有一个带有图像的div。图像大于视口的大小。所以我最终都是垂直和水平滚动条。我想在div中显示图片并让浏览器忽略溢出而不显示滚动条。

我已尝试将溢出设置为隐藏，但这对我不起作用。

这是我的HTML：

<div id="outerdiv">
  <div id="innerdiv">
    <img src="my_pic.jpg">
  </div>
</div>  

这是我的css：

#outerdiv {
   overflow:hidden;
   width: 100%;
   height: 100%
}

fiddle for it

Answer 1

你在哪里设置溢出？如果设置outerdiv和innerdiv的宽度，则给innerdiv“overflow：hidden;”然后图片会溢出但不会滚动。你必须设置innerdiv的高度来控制垂直滚动。

Answer 2

将您的身体设置为高度为100％

x

Answer 3

将此样式添加到图像

＆＃13;

＆＃13;

max-width:100%;
max-height:100%;

＆＃13;

＆＃13;

＆＃13;

并为内部div设置所需的高度和宽度