問題タブ [box-sizing]

以下のスニペットでは、svg 要素を追加すると、垂直スクロールバーが表示されます。svg を削除すると、スクロールバーが削除されます。なぜそれが起こっているのか、そしてひどくない解決策があるかどうかを理解したいと思います（たとえば、幅：99％、高さ：98％はそれを解決しますが、それは嫌な解決策です）.

上部の DIV スタイリングを実際に削除することはできません。他の html 構造もこれらのコンテナー内に存在する必要があるためです。

svg の緑の境界線とボックスのサイズ変更はそこにあるだけなので、svg の端を見ることができます。最終的には必要ありません。

svg を div に変更し、代わりに svg css をその div に適用すると、スクロールバーが表示されないため、svg 要素に何か違いがあるようです。

私はFirefoxとIEでこれをテストしました。どちらもスクロールバーを表示しますが、IE ではスクロール可能なコンテンツがわずかに多く表示されます