浮動小数点数のdivの外側にあるインラインブロック画像

Question

websiteを見ると、Firefox、IE、Edge、およびSafariでは、左の列の2番目のセクション「My Specialties」の画像がdivの外に出ていますそれを拡大する。この問題は、ウィンドウのサイズが1200ピクセル未満の場合でもChromeで発生します。私は、成功しなければ、他のユーザーが同様の質問を提供したすべてのソリューションを試しました。私は最初にこの問題を抱えていなかったので、本当にシンプルで学生になれるかもしれません。私はこれを実現させるために私が変更したものではありません。インラインフレックスとクリア：どちらも成功しませんでした。

また、私はFlexboxに問題がありましたので、それが何かと関係するかもしれません。 FlexboxとjQuery（ブラウザ間の互換性のため）は、左の列に異なるdiv /構造体があっても、均一な寸法の左右の列を保持するために使用されます。

PSページの右側（ヘッダーの隣に表示される）に空白を追加する方法もありますが、それを取り除く方法はわかりません。ボディに0のパディングとマージンを追加しても機能しません。

Answer 1

#specialties divは、静的に高さが設定されているため（おそらくJSから）、インライン要素を保持するために適切にサイズ変更されていません。