新人自学前端 30个DIV每10个DIV 换行，为什么最后一行TOP的绝对定位不起作用了？

<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        div{width: 50px;height: 50px;background: darksalmon;font: 12/50 "微软雅黑";
        line-height: 50px;position: absolute;text-align:center;}    </style></head><body>
    <script>
        window.onload=function(){            var aDiv=document.getElementsByTagName("div");            
        for (var i=0;i<30;i++) {                document.body.innerHTML+="<div>"+i+"</div>";
            }            for (var i=0;i<=10;i++) {
                aDiv[i].style.top=0;
                aDiv[i].style.left=10+i*60+"px";
            }            for (var i=11;10<i<=20;i++) {
                aDiv[i].style.top=60+"px";
                aDiv[i].style.left=(10+i*60)-660+"px";
            }            for (var i=21;20<i<=30;i++) {
                aDiv[i].style.top=120+"px";
            }
        }    </script></body>

</html>

慕沐林林

浏览 594回答 1

1回答

随时随地看视频慕课网APP