我在 div 中有一个大图像，我想滚动它。但我没有滚动 div，而是滚动文档。
如何让图像在 DIV 中滚动而不是在父文档或文档中滚动？
My code:
<!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>
设置 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/ http://jsfiddle.net/x58RD/.
如果碰巧你被迫支持像IE6这样的古老浏览器，你需要使用width and height代替max-width and max-height无论如何，否则它仍然不起作用。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
