Html 将一个DIV放置在另一个DIV中的底部，并在引导中居中

我有一个箭头，它是视频顶部的书签链接。如何将其定位到视频的底部，而不是顶部？箭头div有位置：绝对，而主容器有相对。使用填充/边距会导致溢出。我怎样才能修好它

/*航行------------------------------------------------------------------------------------*/ 纳瓦尔{ 宽度：20%； 保证金：自动； 显示：块； } 导航栏{ 显示：块； 字体系列：Abel，无衬线； 文本转换：大写； 字号：2em； 光标：指针； 显示：内联块； 文本对齐：居中； } 我的导航{ 颜色：864cfe； 身高：6%； } @仅媒体屏幕和最大宽度：768px{mynavigation{ 身高：15%； } } /*IFRAMES-------------------------------------------------------------------------------------*/ iframe.video_1{ 宽度：100%； 身高：100%； 利润率最高：3%； 填充：0； } Iframe_集装箱{ 宽度：100%； 身高：100%； 位置：相对位置； } 滚动箭头{ 位置：绝对位置； } 滚动图像{ 宽度：70%； 身高：70%； 显示：内联块； 保证金：0自动； } 周围地带{ 文本对齐：居中； 指针事件：绝对； 利润率：100像素； z指数：25； } /*段落------------------------------------------------------------------------------------*/ .这个主意{ 左缘：28%； } .创意大学{ 保证金权利：28%； } /*身体------------------------------------------------------------------------------------*/ 我的身体{ 填充：0； 保证金：0； 宽度：100%； 身高：100%； } 排在第一位{ 填充：0； 保证金：0； } 文件夹 $document.on'click'，a'，functionevent{ 违约事件； $'html，body'。设置动画{ scrollTop:$$.attrthis，'href'.offset.top }, 1000; }; 我们与180 LA合作，使用HP多功能Pavilion X2笔记本电脑创建了一个安装件；为了展示参赛作品，并将粉丝生成的内容带到红毯首映活动的最前沿。 180洛杉矶主办了一个在线微型网站，收集粉丝提交的光明面和黑暗面主题曲。选择了“选择”条目，用户生成的内容显示在HP Pavilion X2计算机上。结果是一个身临其境的时刻，通过让名人有机会观看视频和体验同步的定制配乐，将名人与粉丝联系起来。

作为惠普更大的“不断创新”活动的延伸，惠普与迪士尼合作，为《星球大战》全球首映创造“音战体验”™: 原力觉醒了。 惠普挑战格莱美提名制作人DJ Snake和Vine明星鲁迪·曼库索（Rudy Mancuso），重新创作《星球大战》音乐™: 原力以一种全新的方式觉醒。该视频起到了激励作用，并邀请粉丝们录制自己，以自己的方式再现《星球大战》两个标志性主题的声音，借此机会让他们的视频在屏幕上和红地毯上展示。

网状物 视频 照片

---

如果我理解正确的话，你想要的是这样的：

#arowwrap{
  position: absolute; /* You had pointer-events */
  bottom: 20px; /* put the container to the bottom */
  left: 0; /* Left and Right at 0 will center it */
  right: 0; 
  margin: 0 auto; /* May or may not need this */
  text-align: center; /* center it if you're using images or text */
  height: 40px; /* Just to see it */
  width: 40px; /* Just to see it */
}

---

对于底部定位，请使用位置和底部属性

#arowwrap{
   width: 100%;
   text-align: center;
   margin: 100px auto;
   z-index: 25;
   position: absolute;
   bottom: 0;
 }