前端面试题-怎样修改由important限制的width属性

题目是这样的：
<div style="width: 380px !important"></div> 要求：把该div的width改成300px。

看到的题目那一霎，内心OS，还有比important优先级更高的吗？
然后弱弱的问一句，我用js直接把他的style改掉可行吗？
面试官说可以，但是你不能用css吗？
我回答，就是想不出来才问你可不可以用js。
可爱的面试小姐姐被我整无语的笑了😓，让我再想想，经过提醒回答了一些方法，但感觉应该不是小姐姐想要的，面试完后又绞尽脑汁且集思广益的想了想，得出以下集中解决办法，不知道全不全，先堆上来再说😄。

• max-width

<div style="width: 380px !important;max-width: 300px"></div>

• flex-basis

  <div style="display: flex;">
    <div style="width: 380px !important; flex-basis: 300px">
    </div>
  </div>

• scale

<div style="width: 380px !important;transform: scale(0.79)">

• box-sizing 虽然感觉这个应该不算😂

<div class="wp" style="width: 380px !important; box-sizing: border-box;border: 40px solid transparent;">

想到了再加咯 💪