同时依靠margin元素让这个div在水平和垂直两个方向均居于网页的正中。

可以使用以下 CSS 样式来让 div 在水平和垂直两个方向居于网页的正中：

#myDiv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

其中，`myDiv`是要设置样式的 div 元素的 id。这组样式将让 div 元素相对于其最近的定位祖先元素（如果没有则是 body 元素）进行定位，然后将 div 元素的顶部和左侧分别移动到其容器的垂直和水平中心。

具体来说，`top: 50%` 和 `left: 50%` 将 div 元素的顶部和左侧分别移动到其容器的垂直和水平中心。然后，`transform: translate(-50%, -50%)` 会将 div 元素向上和向左移动它自身宽度和高度的一半，这样 div 元素就能够完全居于容器的正中间。