Question

我想要滚动的div中有一个大图像。但是我没有div滚动，而是滚动文档。

如何让图像在DIV中滚动，而不是在父级或文档中滚动？

我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Force Scroll</title>
    <style type="text/css">
        .scrollable 
        {
            overflow: auto;
        }
    </style>
</head>
<body>

<div class="scrollable">
    <img src="image.jpg" alt="test image" />
</div>

</body>
</html>

Answer 1

设置div的（最大）宽度和高度，它应该工作。否则，div只会根据图像的大小进行调整：

#mydiv {
  overflow: auto;

  max-width: 800px;  // or width instead of max-width
  max-height: 600px; // or height instead of max-height
}

此处示例：http://jsfiddle.net/x58RD/。

如果碰巧你被迫支持像IE6这样的古老浏览器，你需要使用width和height而不是max-width和max-height，否则它仍然会赢不行。

Answer 2

您需要定义宽度和高度。 Div是块元素，将占用所需的空间。在这种情况下，与图像一样大。

Answer 3

您需要修复div的大小，例如：

width: 200px;
height: 200px;

滚动包含图像的DIV，而不是文档

3 个答案: