javascript - 网页布局在窗口调整大小时中断

Question

下面的图片说明了实际问题是什么

如您所见，这是一个谜题，由 javascript 创建。每行都是这样创建的。

document.write("<div style='float:none'>");
for(i=0; i < 4 ; i++) { 
        for(j=0; j < 4 ; j++) {
         imgArray[i] = "Images/" + x + ".jpg";
         document.write("<img id= " + x + " src='Images/" + x + ".jpg' width='120' height='120' style='position:relative;top:50px;left:50px' onclick='checkMove(parseInt(id))'/>");
         x = x + 1;
        }
        document.write("<br>");
}
document.write("</div>");

即使使用float 样式也会出现这个问题。有没有一种方法可以锁定 一个窗口，使其不被调整为小于 x？你能给我指出正确的方向吗，比如我做错了什么，或者没有做什么。

Answer 1

您是否尝试过为您的 div 添加固定宽度？

<div style='float:none;width:480px;'>