javascript - 位置：绝对不尊重它的长者

好的，到目前为止还没有任何建议，所以也许还没有真正总结出来;

如果我绝对使用class="container"使用额外的类或ID来定位该部分<div>，那么它会将自身定位在<div>与{class="band banner"相对位置的祖先之外1}}它应该在“乐队横幅”<div>内定位。

我不知道为什么，任何人都有任何想法？

我正在使用骨架样板开发一个网站，并希望为某个部分创建一个Flexslider幻灯片背景，即乐队幻灯片。

索引页面上有四个主要乐队;标题，幻灯片，正文和页脚。

我在下面的例子中放置的唯一一个是幻灯片横幅，你可以在示例中看到幻灯片和最新新闻块，我需要在幻灯片上有最新的新闻块，但是我需要幻灯片仍然在文档的流程中，因为有更多元素类似于此幻灯片横幅下面的最新新闻元素，我不想重叠。

这是我的困境，如果我绝对定位Flexslider幻灯片，最新新闻元素与幻灯片重叠，那很好，但它下面的乐队（正文）及其包含的元素也是如此。不太好。

如果我在最新新闻部分使用绝对定位，它会停留在幻灯片横幅之外（即使我将其包含元素设置为position:relative;）一些令我困惑的东西，如果我使用负面定位（boooo hiss））当浏览器重新调整大小时，它会混乱。裤。

以下是测试网站网址：

我没有把我的代码包含在这里因为它会使帖子有点大。

就像我说它只包含幻灯片横幅，但我会根据需要添加更多。

这可能是显而易见的事情，但它正在努力，任何帮助都表示赞赏。