1

我正在开发类似“卡片”的界面，每个“卡片”（相对位置的矩形 div）都有多个绝对定位的子元素，并且像这样在同一页面上有多个 div。

我花了几个小时寻找解决方案，但没有成功。从我读过的内容来看，不可能在具有绝对子级的 div 上使用 CSS 进行自动高度。我也偶然发现了一个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>

使用.box相对和内部 div 绝对。鉴于每张卡片的简单结构，你为什么不这样做呢？

<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 回答