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