1

私は「カード」のようなインターフェースに取り組んでいます。各「カード」（相対位置の長方形のdiv）には絶対に配置された複数の子があり、このように同じページに複数のdivがあります。

私はこれに対する解決策を探すのに数時間を費やしましたが、成功しませんでした。私が読んだことから、CSSで絶対的な子を持つdivで自動高さを実行することはできません。jQueryの例にも出くわしましたが、複数のdivで機能するようにそれを操作する方法がわかりませんでした。また、クリアフィックスとオーバーフローの操作を試みました。

私が取り組んでいるページ（http://q.glorbi.com/profile.php）は機能し、見た目は問題ありませんが、各divの高さは300ピクセルに制限されており、状況によっては少なすぎたり多すぎたりする場合があります。その内容。

絶対的な子供を持つ複数の親のサイズを変更する方法を知っている人はいますか？jQueryなどに依存している場合でも、どのソリューションでも問題ありません。

ありがとうございました！

4

1 に答える 1

1

あなたのカードはそれぞれこのように見えます

<div class="box">
  <div id="askerdp"></div>
  <div class="question">Are you awesome?</div>
  <div class="answer">I am the awesomest human being alive.</div>
</div>

相対および内部divは.box絶対です。各カードの構造が単純なので、代わりにこれを実行してみませんか

<div class="box">
  <div class="container">
    <div id="askerdp"></div>
    <div class="question">Are you awesome?</div>
  </div>
  <div class="answer">I am the awesomest human being alive.</div>
</div>

そして、.container相対的、#askerdp絶対的、その他すべてを静的にします。これにより、自動高さの問題が解決され、現在と同じように見えます。

于 2013-03-27T12:56:35.920 に答える