Javascript 自举'；s面板和矢量图像，隐藏所有非'；t型内板

我有一个矢量SVG图像，它比我的面板宽度大，我会通过CSS——或者更智能的东西——隐藏面板中不包含的所有内容。这是一个

时间线

那么您希望画布上有一个

溢出：隐藏的
？我调整了您的plunk以处理画布溢出和左/右元素的定位

<div class="panel panel-default">
  <div class="panel-heading">
    Timeline 
  </div>
  <div ui-view="timeline" class="ng-scope">
    <div class="panel-body ng-scope">
      <div id="target1">
        <div class="chronoline-wrapper chronoline-draggable">
          <div class="chronoline-canvas" style="height: 180px; position: absolute; left: 0px; top: 50px;">
              <! -- SVG related tags -->
          </div>
        </div>
      </div>
    </div>
  </div>
</div>