上は実際の写真、下はhtml構造体です
<div class="box">
<div class="image">
<div class="text">
ここでは、.imageプロバイダ (96px または 95px) によって高さが異なります。のbox高さは に設定されてoverflow: auto;いるため、余分な空白はありません。
しかし、ここで別の問題がtext発生します。右側が長くなりすぎて、余分な空白が生成されることがあります。(text得られたマージン )
ソリューションは豊富にあるようです。最も単純なものでは、すべての高さを 95px に設定できます。しかし、私はそれをするのが不快に感じます。
エレガントなソリューションはありますか？
兄弟または親textに応じて、の間隔、マージンを調整すると思います。または、どうにかして高さを制限することもできます（高さを100％に設定しようとしましたが、機能しません）imageboxtext