立场:绝对不尊重长辈

Question

好的，到目前为止还没有任何建议，所以可能还没有真正正确地总结出来；

如果我绝对使用额外的类或id来定位带有class="container"的部分，那么它会将自己定位在相对定位的祖先<div>之外，而实际上它应该将自己定位在"band banner“<div>内。

我不知道为什么，有人有什么想法吗？

这里又是测试站点，http://test-site.zymichost.com

我正在开发一个网站使用骨架样板，并希望有一个特定的部分，乐队幻灯片的Flexslider幻灯片背景。

索引页面上有四个主要的栏:页眉、幻灯片、正文和页脚。

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

这是我的两难境地，如果我绝对定位Flexslider幻灯片，最新的新闻元素与幻灯片重叠，很好，但它下面的带子(body)及其包含的元素也是如此。不是很好。

如果我在最新的新闻部分使用绝对定位，它会停留在幻灯片横幅之外(即使我将它的包含元素设置为position:relative;)，这让我感到困惑，如果我使用负定位(嘘)，当浏览器调整大小时，它会搞乱。短裤。

下面是测试站点的URL：

http://test-site.zymichost.com

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

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

这可能是很明显的事情，但它让我头昏脑胀，任何帮助都很感激。

Answer 1

绝对定位的元素不会在其父元素中占用空间，这就是为什么您的section.container显示在div.band.banner下面，但它仍然像相对元素一样流动。给出它的实际位置(可能是上图和左图)，让它显示在横幅图像的顶部。我不清楚你所说的“身体下面的带子”是什么意思，但这就是我这一端的样子。

​

​