菜鸟遇到个简单的问题，各位大神快进来看看。

小弟语言表达能力不行，直接上代码吧。主要是想让事件触发后出现的这个div不影响到当前的布局。可是又不知道该怎么做。

本月第二周

                    </div>

function one(){ document.getElementById("shijian1").style.display=""; } function one2(){ document.getElementById("shijian1").style.display="none"; }

用IE F12调试下之前之后的css，就这么2行代码，没法帮你看。

不明白你想实现什么，不过display="";和display="none";效果是一样的，你是否是想要display="block";

额，抱歉。代码没传完整，刚才没注意到。现在重新传一次

主要是想让事件触发后出现的这个div不影响到当前的布局。

图片说明

额。代码传不上来。只好发图了。让各位久等了，不好意思

你是想弹出一个窗口或者输入框么

有点不太明白为什么是onmousemove而不是onmouseover?display:none之后怎么触发事件？所以我觉得应该是这样

汗，白敲代码了，第一次回答，代码没有了。。。

 <div id="shijian">
     <div id="addDiv" onmouseover="one()" onmouseout="one2()"><!--style跟xianshi一样的设置-->
        <div id="xianshi" style="display:none">
        </div>
     </div>
 </div>

display如果不设置，默认是"block";
你可以设置成:inline或inline-block.看看效果

写了个demo,你看看是不是你要的效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

点击空白区域显示红色方块，鼠标移除，红色方块消失 #shijian{position:relative; width:100px; height:100px;} #xianshi{position:absolute; top:0; left:0; width:100px; height:100px; background:red; z-index:999; display:none;} function one(){ document.getElementById("xianshi").style.display="block"; }; function one2(){ document.getElementById("xianshi").style.display="none"; }

看了上传的东西好乱啊

重新给你写一下：

样式：

#shijian{position:relative; width:100px; height:100px;} #xianshi{position:absolute; top:0; left:0; width:100px; height:100px; background:red; z-index:999; display:none;}

jaascript：

function one(){ document.getElementById("xianshi").style.display="block"; }; function one2(){ document.getElementById("xianshi").style.display="none"; }

html:

看了上传的东西好乱啊

重新给你写一下：

接上

html:

真是服了代码显示不全啊重新给你截张图图片说明