纯JavaScript：在主体中居中放置一个绝对位置div

在不使用jQuery之类的库的情况下，将绝对位置div居中的最简单和最短方法是什么。谢谢大家!

编辑：

---

有点像，但可能要干净一点？

我想不需要js。CSS将完成它（）：

UPD

如果没有固定的元素宽度/高度：

JS（打开元素时）：

CSS:

---

这是只有当宽度和高度的方块是已知的+1这是超级酷。但是，我希望元素保持在打开的位置，这就是为什么需要javascript的原因。“保持在打开的位置”是什么意思？或者只是“打开”了？我正在尝试从头开始创建类似Lighbox的脚本，我希望Fancybox保持在最初打开的位置。（）到目前为止，我发现了这一点，但这似乎不是最好的解决方案（）。

body {
    background: #888;
}

.box {
    width: 100px;
    height: 100px;
    background: #ccc;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
}

element.style.margitLeft = -element.offsetWidth / 2
element.style.margitTop = -element.offsetHeight / 2

.box {
    background: #ccc;
    position: fixed;
    left: 50%;
    top: 50%;
}