99乘法表 #dakuangjia{ border:solid 2px red; width:800px; height:500px; } #dakuangjia1{ border:solid 1px; width:790px; height:490px; margin:auto; margin-top:4px; } .gezi{ border:solid 1px green; width:70px; height:25px; float:left; }
<script>
function CreateList(){
document.getElementById('divMain').innerHTML="<div id='dakuangjia'></div>";
document.getElementById('dakuangjia').innerHTML="<div id='dakuangjia1'></div>";
document.getElementById('dakuangjia1').innerHTML="<div class='gezi'>一一得一</div>";
document.getElementById('dakuangjia1').innerHTML+="<div class='gezi'>一二得一</div>";
}
//到这里我就不会控制这个输出div的走向了,没法像图片里那样排列。
</script>
</head>
<body>
<input type="button" value="生成乘法表" onclick="CreateList()">
<div id="divMain"></div>
</body>