使用js计算祖先元素是宽度是500父级元素宽度是1000子元素宽度是30以子元素宽度为中心显示

首先，需要计算出子元素左边界到祖先元素左边界的距离，即：

var distanceToAncestor = (1000 - 500) / 2; // 250

然后，需要计算出子元素左边界到父级元素左边界的距离，即：

var distanceToParent = (1000 - 30) / 2; // 485

最后，通过将父级元素的 margin-left 设置为负的 distanceToParent - distanceToAncestor，即可将子元素居中显示，代码如下：

var distanceToAncestor = (1000 - 500) / 2;
var distanceToParent = (1000 - 30) / 2;
var marginLeft = -(distanceToParent - distanceToAncestor);
document.querySelector('.child').style.marginLeft = marginLeft + 'px';