javascript - 如何使用算术设置样式属性？

Question

CSS 不支持诸如 margin-left: -60px + 50% of width of parent div 这样的算法。但是我这样做的愿望是压倒性的。有谁知道使用 JavaScript 或其他方式的解决方案吗？

谢谢
迈克

Answer 1

试试这个:

var elem = document.getElementById("foobar"),
    parent = elem.parentNode;
while (parent && parent.nodeName != "DIV") {
    parent = parent.parentNode;
}
if (parent.nodeName == "DIV") {
    elem.style.marginLeft = - 60 + (parent.style.width * 0.5) + "px";
} else {
    elem.style.marginLeft = "-60px";
}