如何覆盖Highchart的CSS

我有点关于Highchart的问题，但看起来我的问题很棘手。

我在导航器中具有以下结构：

我们可以看到的高度highcharts-container为400px，宽度为268px，与相同highcharts-root，但是在我的CSS中，我更改了这些值以减小图表的一般大小，并按照我的意愿显示它们：

.highcharts-container {
  width: 100%;
  height: 20% !important;
}
.highcharts-root {
  width: 100%;
  height: 20% !important;
}
.highcharts-background {
  width: 100%;
  height: 20% !important;
}
.divChart {
  width: 100%;
  height: 20% !important;
}

但是为什么它不影响图表呢？

[编辑]我不明白为什么高度仍为400px：