0

ここに写真があります 上は実際の写真、下はhtml構造体です

<div class="box">
  <div class="image">
  <div class="text">

ここでは、.imageプロバイダ (96px または 95px) によって高さが異なります。のbox高さは に設定されてoverflow: auto;いるため、余分な空白はありません。

しかし、ここで別の問題がtext発生します。右側が長くなりすぎて、余分な空白が生成されることがあります。(text得られたマージン )

ソリューションは豊富にあるようです。最も単純なものでは、すべての高さを 95px に設定できます。しかし、私はそれをするのが不快に感じます。

エレガントなソリューションはありますか?

兄弟または親textに応じて、の間隔、マージンを調整すると思います。または、どうにかして高さを制限することもできます(高さを100%に設定しようとしましたが、機能しません)imageboxtext

4

0 に答える 0