Javascript 居中父div滚动条，具有动态宽度

我有一个父div和一个子canvas，我想将父div的滚动条居中，因为我无法在我的项目中向canvas添加任何样式

#父级{
宽度：80vw；
高度：200px；
边框：1px蓝色实心；
溢出-x：滚动；
}
#父母#子女{
宽度：70vw；
边框：1px纯黑；
左边距：50像素；
右边距：50px；
}

---

您需要将您的家长div换成更高的家长div

$（文档）.ready（函数（）{
var parent=$（“#parent”）；
var parent_sub=$（“#parent>#parent_sub”）；
var final=（parent_sub.width（）-parent.width（））/2；
父对象。左滚动（最终）；
控制台日志（最终）；
});
#父级{
宽度：90vw；
溢出-x：滚动；
高度：200px；
边框：1px蓝色实心；
}
#母联{
显示：表格；
}
#父母#子女{
宽度：80vw；
边框：1px纯黑；
左边距：50像素；
右边距：50px；
}