我有一个带滚动条的空 div：
<div id="figure1" style="width:1000px; height:300px; overflow:scroll;"></div>
并使用 javascript 我将图像添加到 div 中：
function add_img(imgID, src, x, y, height, width){
var img = document.createElement("img");
img.setAttribute('id', imgID);
img.setAttribute('src', src);
img.style.left = x;
img.style.top = y;
img.style.width = width;
img.style.height = height;
img.style.position = 'absolute';
document.getElementById('figure1').appendChild(img);
}
当我在 1000x300px 框外添加新图像时，我希望该图像仅在您使用滚动条时可见。
相反，位于框外的图像会溢出图 1 的边缘。滚动条没有任何作用。
如何阻止图像溢出？
谢谢！
我看到两个问题 - 首先你需要添加+ "px"到你的维度（至少如果你像我一样使用整数类型参数）。
另一件事是不要使用position = "absolute". 例如position = "relative"似乎可以解决问题。（如果你愿意，可以进一步阅读 CSS 中的布局选项，祝你好运）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句