为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕沐林林 2018-09-07 13:16:11
<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>
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 593 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信