隐藏的Div在Javascript与其他Div切换之前占用空间

我有两个Div，当我按下一个按钮时，它们使用javascript在它们之间切换

问题是，在我按下按钮之前，隐藏的div占用了空间并弄乱了布局

我附上了这个片段

函数开关可见（）{
if（document.getElementById（'1'））{
if（document.getElementById（'1'）.style.display=='none'）{
document.getElementById（'1'）.style.display='block'；
document.getElementById（'2'）.style.display='none'；
}
否则{
document.getElementById（'1'）.style.display='none'；
document.getElementById（'1'）.style.display='none'；
document.getElementById（'2'）.style.display='block'；
}
}
}

---

您只需使用以下方法首次隐藏它：

document.getElementById('2').style.display = 'none';

或者也使用内联样式（不推荐）：


div#2{显示：无；}
Am是否使用css隐藏其中一个潜水？一开始你只会看到一个
<div id="2" class="inner border" style='display:none'>

<style>
  div#2 {display: none;}
</style>