编了一个游戏测试小网页，竟然发现DIV不能随便移动，查了半天终于解决了静态和编程定位的问题。特别记录一下。
<div οnmοusedοwn=”mDown(this)” οnmοuseup=”mUp(this)” style=”background–color: #D94A38; position: absolute; width: 90px; left: 217px; top: 20px; height: 20px; padding: 40px;”>Click Me</div>
<script>
function mDown(obj)
{
obj.style.backgroundColor=”#1ec5e5″;
obj.innerHTML=”Release Me“
}
function mUp(obj)
{
obj.style.backgroundColor=”#D94A38″;
obj.innerHTML=”Thank “;
obj.style.left=”-300″;
//document.getElementById(“dd0″).style.width=”6″
document.getElementById(“compman”).height=”250″;
document.getElementById(“compman”).width=”300″;
var element=document.getElementById(“dd0″);
element.style.left=”155″;
element.style.backgroundColor=”#39fA08″;
}
</script>
DIV的定位
一、定位的属性：
1.定位模式：position：一共有4种
相对于自身原来的位置去移动，但是在文档流中的位置不变，依旧占据着
绝对定位找的参考点是，已有定位模式的父元素的左上角，进行边偏移，
如果当前父元素没有定位模式，就会自动找到带有定位模式的父元素（body）
fixed：相对视窗定位
原文地址:https://blog.csdn.net/moneytree/article/details/134760739
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_38572.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
