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");