当包括margin-left和margin-right时，图像不会显示在给定位置

Question

我在图表上显示一些图像。它们显示正常，但问题是在margin-left和margin-right包含时给出一些空间来显示图表。

包含css代码：

#chart1 {
        margin: 0 auto;
        overflow : hidden;
        margin-left: 60px;
        margin-right: 60px;
    }

js代码： js代码下面用于显示图表上特定位置的图像。 当图表占用100％时，下面的代码可以工作，但是当包含上面的css代码时，图像位置不会在给定的时间范围内显示..

overlay.style.left = (overlayBounds.x / (timelineWidth / 100) ) + '%';

Answer 1

尝试overlay.style.left = ( overlayBounds.x / timelineWidth ) * 100 + '%';

Answer 2

#timeline {
  position: relative;
}

然后你需要更新

.overlay {
  ...
  margin-top: -10px;
}