Question

您好我使用的是highcharts动态样条曲线。

当用户更改浏览器大小时，它会自动更改宽度大小。

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

但是我有一个问题。

当我在表格中使用此div时，它不起作用。

<table width="100%">
<tr>
    <td><div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div></td>
</tr>
</table>

Answer 1

该图表可防止容器缩小。纯CSS 解决方法是设置position：absolute和width：100％容器，那么它不会影响表格单元格的布局

只需在div中更改此内容：

<div id="container" style="min-width: 400px; width:100%; height: 400px; margin: 0 auto; position: absolute;">

并在你的td中添加：

 <td style="vertical-align: top;" >