CSS：隐藏/非隐藏元素上的动态边距

Question

我有一个元素（table1），在另一个元素（table2）之下，以固定的边距分隔。 表格内部的按钮会在表格之间动态打开另一个div。 该div对启动隐藏。 在查看时，我必须动态设置table2和此div之间的边距，以避免重叠。 可能吗？

Answer 1

那应该是可能的。 div元素仍然存在，但未显示。 如果显示它，则第二个表在设置所有样式后应自动进行自我调整。
编辑：设置所有样式，就像它们全部淡入淡出一样。然后，您应该不会有任何问题。

Answer 2

对的，这是可能的。 您可以使用javascript从div添加/删除类。

例如：CSS：

.dymanic-margin{
  margin: 10px; //or whatever
}

JavaScript：

var d = document.getElementById("your_div_id");
//adds class
d.classList.add("dymanic-margin");
// removes class 
d.classList.remove("dymanic-margin");