reactの画像のwidthの指定の仕方

Question

<div style={{overflow: 'hidden', maxHeight: '200px'}}>
  <img src="image.png" style={{width: '260px'}}/>
</div>

reactのreturnの中の画像を表示しようとしている部分で、以下のように記述すると、200px*260pxをはみ出した部分が見切れて表示されてしまうので、試行錯誤の末、たまたま以下のように変更しました。

<div style={{overflow: 'hidden', maxHeight: '100px'}}>
  <img src="image.png" width={260}/>
</div>

このように変更すると、200px*260pxの中で、横幅が260pxにリサイズされたような画像が表示されるようになったのですが、なぜこのような書き方でこの結果になったのがわかりません。

なぜstyleではなく、直接widthで指定することでうまく行ったのでしょうか？