Question

四个按钮控制四个div切换显示display=none隐藏所有div，点按钮显示时第一个div始终占位。

<div class="step" id="step1">Step1</div>
<div class="step" id="step2">Step2</div>
<div class="step" id="step3">Step3</div>
<div class="step" id="step4">Step4</div>
不是说display=none不占位吗，不解。为何只有第一个div占位。

Answer 1

如果你的代码没有错误, display样式为none的对象是不占位的, 你可以用DOM查看器检查确认一下, 占位的是否是第一个div.
有时侯,多余的空格也会产生"占位",实际上不是所有空格都会被浏览器乎略的,有一些就有可能被认为是空的文本节点.

Answer 2

ie6中设置display:none后该层仍有占位问题,你试试别的浏览器 火狐

Answer 3

检查下代码，小心小心！