div 中的滚动条

发布于 2024-12-09 07:23:35 字数 392 浏览 0 评论 0原文

我有一个 div，里面有一张桌子。在此表中，您可以看到有一个图像标签。通过 Javascript，我设置图像 src 并显示。
我的问题是，如果图像很大，div 必须滚动，但它不滚动。

<div style="position:absolute;top:30px;left:640px;overflow:auto;">
<table frame="box" width="600px" height="330px">
  <tr>
    <td><img id="graphId" style="display:none" src="" /></td>
  </tr>
</table>
</div>

原文

I have one div inside which I have one table. In this table as you can see there is one image tag. By Javascript I am setting the image src and displaying.
My problem is, if the image is large the div must scroll, but it is not scrolling.

<div style="position:absolute;top:30px;left:640px;overflow:auto;">
<table frame="box" width="600px" height="330px">
  <tr>
    <td><img id="graphId" style="display:none" src="" /></td>
  </tr>
</table>
</div>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

晒暮凉 2024-12-16 07:23:35

在这种情况下，的大小始终会缩放以适合。

下面我将向您展示如何正确使用overflow。

<div class="scroll">
    <div class="child"></div>
</div>
<style>
    .scroll{overflow:scroll;width:500px;height:500px;background:black}
    .child{width:1000px;height:1000px;background:yellow}
</style>

jsfiddle 上的演示。

In this case, <img>'s size is always zoomed to fit in <td>.

Here I'll show you how to use overflow in the right way.

<div class="scroll">
    <div class="child"></div>
</div>
<style>
    .scroll{overflow:scroll;width:500px;height:500px;background:black}
    .child{width:1000px;height:1000px;background:yellow}
</style>

Demo on jsfiddle.

回复收藏 0 原文