Question

我有这样的结构：

＆＃13;

#article {
  position: relative;
  height: 100%;
}
#special {
  position: absolute;
  bottom: 0%!important;
  top: 100%!important;
  width: 100%;
}

＆＃13;

<section>
  <div id="article">
    <div>...</div>
    <div id="special">...</div>
    <div>...</div>
  </div>
</section>
<section>
  <div></div>
</section>

＆＃13;

我将文章div设为position:relative，将特殊div设为position:absolute和top:100%。它在文章div的末尾，但似乎它根本没有高度，并显示在下面的部分下面。我将高度属性添加到特殊div和height:100%到文章div但没有成功。

如何强制div节占用实际空间？我试图将一个after元素放到特殊的div中去清除：两者都没有成功。

Answer 1

使用绝对定位时，您无需同时包含顶部和底部。

(c => c.C3Entity == ForEntity.TypeID && c.C3EntityRecordID == ForEntity.ID)

Answer 2

我终于用这样的jquery做了这个：

jQuery("#jc").insertAfter(".openSocialShareHorizontalSharing");

其中#jc我在div下面移动的div与openSocialShareHorizontalSharing类

虽然如果有人可以使用CSS发布有效答案，请查看第一篇帖子

中的评论链接

绝对div落后于其他元素

2 个答案: