ここで問題が見られます。
フィドルでわかるように、左の列の画像の下に少しパディングがあります。私はこれを取り除く方法が本当にわかりません。
padding:0の要素を検査すると、列自体にありChromeます。divにはパディングがなく、画像には余白がありません。これが何であるかについてのアイデアはありますか？余白/パディングを手動で設定しようとしましたが、画像と列の両方を表示しました。インラインとブロックで、何が起こるかを確認しました。
理想的には、赤い背景はテキストの後ろにのみ表示されます。左の列にのみ背景を設定して、テキストの下部で背景を停止させようとしました。height:100%それを修正しませんでした。とにかくそうすると、右の列の下部が長く見えることを期待しています。
この時点で、私はここからどこに行くことができるかについて少し無知です、それで誰かがこれが何であるかについて何か考えを持っていますか？そして私がそれを変えることができるかどうか？