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

求大神解答为什么样式里的left的值不起作用了,top值没有问题呢?

求大神解答为什么样式里的left的值不起作用了,top值没有问题呢?

304346845 2016-03-30 14:14:02
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>ByTagName练习</title><style>    div{width:50px;    height:50px;    background-color:green;    position:absolute;    left:20px;    top:30px;    }body{margin:0;}</style><script>window.onload = function(){    var aDiv = document.getElementsByTagName('div');    for(var i=0; i<10; i++){    document.body.innerHTML += '<div>' + i + '</div>' ;     aDiv[i].style.left = 10 + i*60 + 'px';        };    for(var i=0; i<aDiv.length; i++){        aDiv[i].style.left = i*60 + 'px';        };};</script></head>
查看完整描述

4 回答

已采纳
?
小小1七爷

TA贡献1条经验 获得超0个赞

js的权重优先级大于标签里面<style>,所以你的left被js算出来的那个值覆盖了,而你没有算top的值,所以你top的值是正常的


查看完整回答
反对 回复 2016-03-30
?
qq_J_13

TA贡献7条经验 获得超0个赞


//img1.sycdn.imooc.com//56fb864d00011e7908440148.jpg

可以的  火狐没问题

查看完整回答
反对 回复 2016-03-30
?
Caballarii

TA贡献1123条经验 获得超629个赞

不是在js里面被覆盖了吗?

查看完整回答
反对 回复 2016-03-30
  • 4 回答
  • 0 关注
  • 2495 浏览
慕课专栏
更多

添加回答

举报

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