请高手帮忙看下，一个关于设置DIV层坐标的问题，谢谢了

这个POSITION还得设为 absolute;

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!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=gb2312"   />
<title> 无标题文档 </title>
<script   type="text/javascript">
function   cen(){
var   f=document.getElementsByTagName("body").item(0);
var   divv=document.createElement("div");
var   txt=document.createTextNode("Hello   word!");
divv.appendChild(txt);
divv.style.border="black   1px   solid";
divv.style.backgroundColor="#00FF00";
divv.style.position = "absolute";
divv.style.left=600+"px";
divv.style.top=170+"px";
divv.style.width=150+"px";
divv.style.height=150+"px";
f.appendChild(divv);
}
</script>

</head> <body>
<form   id="form1"   action="">
<input   id="wolai"   type="button"   value="添加"   onclick="cen()"   />
</form>
<div style="background-color: #000000;Z-INDEX: 1; LEFT: 300px; WIDTH: 110px; POSITION: absolute; TOP: 320px; HEIGHT: 196px; "></div>
</body>
</html>
<!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=gb2312"   />
<title> 无标题文档 </title>
<script   type="text/javascript">
function   cen(){
var   f=document.getElementsByTagName("body").item(0);
var   divv=document.createElement("div");
var   txt=document.createTextNode("Hello   word!");
divv.appendChild(txt);
divv.style.border="black   1px   solid";
divv.style.backgroundColor="#00FF00";
divv.style.position = "absolute";
divv.style.left=600+"px";
divv.style.top=170+"px";
divv.style.width=150+"px";
divv.style.height=150+"px";
f.appendChild(divv);
}
</script>

</head> <body>
<form   id="form1"   action="">
<input   id="wolai"   type="button"   value="添加"   onclick="cen()"   />
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="roots" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title>Demo</title>
<link rel="stylesheet" rev="stylesheet" type="text/css" media="screen, projection" href="css/master.css" />
<script src="js/common.js" type="text/javascript" language="javascript" ></script>
<script type="text/javascript" language="javascript">

</script>
  <style type="text/css"> body
{
padding:0;margin:0;
color:#666;
font:12px arial,sans-serif;
}
.menu ul {list-style:none;padding:0;margin:0;}
.menu ul li {padding:0;margin:0;}
.menu ul li a {background-color:#ddd;}
.nav {height:30px;line-height:30px;border:0px solid red;}
.nav ul{list-style:none;}
.nav ul li{display:inline;}
.nav ul li a{border:1px solid blue;margin:1px 20px}
.loginCon{border:1px solid red;width:400px;margin-left:0px;margin-top:0px;background-color:#ddd;}
.menu{border:1px solid red;}
.loginCon dl ,loginCon dt ,loginCon dd {padding:0;margin:0;}
.loginCon dl {width:350px;}
.loginCon dt {width:70px;float:left;text-align:left;}
.loginCon span{float:right;cursor:pointer;margin:5px}
</style>
</head><body >
<div class="nav">
<ul>
<li><a  id="m1" href="###" onclick="show('m1','login')">点击登录</a></li>
</ul>
</div>
<div id="login" class="loginCon" style="display:none">
<span onclick="hide('m2','login')">关闭</span>
<dl>
<dt><label for="user">username:</label></dt>
<dd><input type="text" id="user" value="11"/></dd>
<dt><label for="pwd">password:</label></dt>
<dd><input type="password" id="pwd" value="11"/></dd>
<dt></dt>
<dd><input type="button" id="submit"  value="login"/> <input type="button" id="clear"  value="clear"/></dd>
</dl>
</iframe>
</div>
<select id="qq">
<option value="" selected="selected">11111111111111111</option>
<option value="">22222222222222</option>
</select>BUG
select 不能显示在div下面
</body></html>look
汗！他的代码只需要在JS中加一个divv.style.position = "absolute";
就可以了
还需要用你这么长的代码啊？
对，楼主，四楼的代码已经可以了，自己看看吧其实就是少了一句话，divv.style.position   =   "absolute";