Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 绝对div落后于其他元素_Html_Css - Fatal编程技术网

Html 绝对div落后于其他元素

Html 绝对div落后于其他元素,html,css,Html,Css,我有一个这样的结构: jQuery("#jc").insertAfter(".openSocialShareHorizontalSharing"); #文章{ 位置:相对位置; 身高:100%; } #特别的{ 位置:绝对位置; 底部:0%!重要; 排名:100%!重要; 宽度:100%; } ... ... ... 使用绝对定位时,通常不需要包括顶部和底部 #article { position: relative; height: 100px; // Example just

我有一个这样的结构:

jQuery("#jc").insertAfter(".openSocialShareHorizontalSharing");
#文章{
位置:相对位置;
身高:100%;
}
#特别的{
位置:绝对位置;
底部:0%!重要;
排名:100%!重要;
宽度:100%;
}

...
...
...

使用绝对定位时,通常不需要包括顶部和底部

#article {
  position: relative;
  height: 100px; // Example just to show you a bit clearer.
}
#special {
  position: absolute;
  bottom: 0;
  /* top: 100%!important; */ // Don't need this line
  width: 100%;
}

我最终用jquery这样做:

jQuery("#jc").insertAfter(".openSocialShareHorizontalSharing");
其中#jc我移动到具有OpenSocialShareHorizontalShare类的div下面的div


尽管如此,如果有人可以使用CSS发布有效的答案,请检查第一篇帖子评论中的链接

您也可以添加CSS吗?检查此链接:-您实际想做什么?如果你能给我们提供一些资料或者至少是源代码(包括CSS),那么我们可以试着给你更多的帮助。我需要这个div放在所有的底部,我必须通过css和没有html重新定位它。我把它放在下一节的下面,就像它没有占据任何高度一样,我添加了一个堆栈片段,试图向您展示您提供的代码如何无法帮助任何人回答您的问题。请编辑代码段以包含足够的代码来显示您的问题。看见