CSS:相对位置div内的绝对位置文本

标签 css css-position

也许更容易访问正在进行的站点 - http://www.roadsafetyforchildren.co.uk/

我想将页面底部的黄色文本放在蓝色条(这是一个 img)上方。

我有一个包含 position:relative; 的 div,其中有另一个包含 position:absolute; 的 div。我想通过这样做,当您将 top 位置分配给绝对 div 时,它将以相对 div 的顶部作为起点?我的以屏幕顶部为起点,因此占据了巨大的顶部位置。

显然,我希望黄色文本随着页面的高度/宽度与蓝色条一起移动。

据我所知,使用绝对位置是解决此问题的唯一方法?

也许我不理解将绝对定位的 div 放在相对的 div 中的整个概念!

最佳答案

您的 #footer div 是绝对定位的,但它不在任何相对定位的元素中。我看到的唯一相关元素是 #actual-content,它是 #footer 的兄弟元素。如果您将绝对定位元素放在相对元素中,那么它会按照您描述的方式运行。

关于CSS:相对位置div内的绝对位置文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6778677/

相关文章:

javascript - 为什么 document.elementFromPoint 会受到指针事件 : none? 的影响

html - 如何让 child 100% 的高度/父 flexbox 的宽度?

css - 子元素垂直居中,但允许父元素在子元素溢出时展开

html - 如何让两个div有相同的位置?

jquery - 位置垂直固定,水平动画

html - 下拉菜单向左浮动

javascript - 使用纯 javascript 在滚动上移动 div

边框外的 HTML 图像

html - 使 div 的网格根据周围的元素移动

css:将 div/lis 排序为两列