请教一个基础问题

Question

visibility:hidden 隐藏后还占空间的
display:none不占

Answer 1

我知道都是隐藏   可是我做了两个效果是在一个页面上的  其中一个是这样的
<input type=button value="go" onclick="sel.style.visibility='visible';sel.focus()">
<select id="sel" style="visibility:hidden" onchange="this.style.visibility='hidden';" onblur="this.style.visibility='hidden';" >
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<label>
<input type="text" name="textfield" />
</label>
这个的隐藏部分可以用style="display:none;"来实现吗    如果可以帮忙指点一下.  
谢谢  楼主

Answer 2

一样使用
<input type=button value="go" onclick="sel.style.display='inline';sel.focus()">
<select id="sel" style="display:none" onchange="this.style.display='none';" onblur="this.style.display='none';" >
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<label>
<input type="text" name="textfield" />
</label>