使用table定位，动态放置div页面

动态创建表格

var row = 2;//可以动态传入行数
var col = 3;//可以动态传入列数
var divHtml = '<table id="showTable">';//创建表格HTML页面
for(var j=0;j < screenheight;j++){
      divHtml += '<tr>';
      for(var i = 0;i < screenwidth;i++){
     	 //此处可以通过设置div的高度和宽度占据相应的位置大小
         divHtml += '<td><div name=' + (i+1) + "*" + (j+1) + ' style="width:100px;height:320px; border:1px solid #fff"></div></td>';
      }
      divHtml += '</tr>';
 }
  divHtml += "</table>";

根据动态获取的页面位置将需要的页面塞入相应的位置：

var position = "1*2";//可以动态传入显示位置
//此处最好自己定义一个标签，根据标签定位，如果根据选择器容易发生冲突。
$("div[name='"+ position +"']").html("需要放置的页面");

如果之前设置了定高，塞入页面的时候需要占据2个高度（宽度类似操作）

if(key.indexOf("Tab") != -1){ 	      			 
    $("div[name='"+position+"']",document).parent().parent().next().find("td").eq(screencol).attr("style", "display:none");
    $("div[name='"+position +"']",document).parent().attr("rowspan", "2");
    $("div[name='"+position +"']",document).css("height", "640px");    	        	
}