CSS：在字体大小更改时控制表增长的方向

Question

我们使用了一个图表包（jqPlot），它创建了一个图例 呈现为表格的框。我的用户要求能够使图例更大或更大 更小，所以我给了他们一些按钮，当点击更改字体 图例中项目的大小，工作正常。

问题在于，随着图例框变得越来越大，它的锚定位置越来越大。 在它的右上角。并且向左增长并缩小到 对。我的用户希望它固定在左上角和 向右移动并向左缩小。我不知道该怎么做。 我没有创建页面，图表包没有，但我可以 在jQuery中操作CSS。

以下是与图例关联的所有CSS。我从中复制了这个 chrome开发人员的工具。

element.style {
position: absolute;
margin-top: 0px;
z-index: 3;
right: 0px;
top: 9px;
font-size: 11.8px;
}

table.jqplot-table-legend {
max-height: 450px;
padding-right: 20px;
overflow: auto;
display: block;
}

table.jqplot-table-legend,table.jqplot-cursor-legend {
background-color: rgba(255,255,255,0.6);
border: 1px solid #cccccc;
}

table.jqplot-table-legend {
margin-bottom: 12px;
margin-left: 12px;
margin-right: 12px;
}

user agent stylesheet table {
border-collapse: separate;
border-spacing: 2px;
}

Inherited from
div#chart_0.jqplot-target
.jqplot-target {
position: relative;
color: #666666;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

Inherited from
body.ng-scope
body {
margin: 0px 0px 3em 0px;
background-color: white;
}