再現条件
ブラウザ:
Windows版 Microsoft Edge ver.42
CSS:
- position:fixed
- overflow-y:auto
- min-widthとmax-widthが同じ値に設定されている（つまり幅が固定）
- widthが設定されていない
現象
縦スクロールバーが表示される場合、min-width(またはmax-width)に収まらず、はみ出してしまう
以下のリンクから現象を確認できます。
2つのボックスは同じ幅のはずですが、Windows版Edgeで見た場合、下のボックスの横幅が長く表示されてしまいます。
Vertical scrollbar weirdness in Edge
・MacOS版Chromeで見た場合
・Windows版Edgeで見た場合
修正方法
widthの値を設定してやると、EdgeでもChromeなどと同様に表示されます。
どうしてこうなるの？
わかりません(´・ω・｀)