日期:2014-05-16  浏览次数:20316 次

很郁闷,关于display显示问题,本来是不占位的,怎么又占位了?
<a   href= "# "   onclick= "JavaScript:this.document.getElementById( 'page1 ').style.display= 'block ';this.document.getElementById( 'page2 ').style.display= 'none ';this.document.getElementById( 'page3 ').style.display= 'none ' "> First   Page </a>
-----------------------------------
<a   href= "# "   onclick= "JavaScript:this.document.getElementById( 'page1 ').style.display= 'none ';this.document.getElementById( 'page2 ').style.display= 'block ';this.document.getElementById( 'page3 ').style.display= 'none ' "> Second   Page </a>
----------------------------------
<a   href= "# "   onclick= "JavaScript:this.document.getElementById( 'page1 ').style.display= 'none ';this.document.getElementById( 'page2 ').style.display= 'none ';this.document.getElementById( 'page3 ').style.display= 'block ' "> Third   page </a>
----------------------------------
三个按钮,一点隐藏其余的,显示自己...三个分别是
<div   id= "page1 ">   里面有一些表格信息类似 <table> <input> 等... </div>
<div   id= "page2 "> </div>
<div   id- "page3 "> </div>
------------------------------------
现在我的问题是,我page1站的位置,我点击让page1消失的时候,page2还是到不了page1的位置上....

是我浏览设置的问题?还是什么别的问题???我的浏览器IE7.0

------解决方案--------------------
display= " ";display= "none ";

如果还是不行把 </div> 和 <div> 之间的空格去掉

<div id= "page1 "> 里面有一些表格信息类似 <table> <input> 等... </div> <div id= "page2 "> </div> <div id- "page3 "> </div>