0

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

如果我绝对class="container"使用仅适用于该部分的额外类或 id 来定位该部分<div>,它会将自身定位在其相对定位的祖先之外,<div>并且class="band banner"何时应将自身定位在“带状横幅”内<div>

我不知道为什么,有人有任何想法吗?

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

我正在使用骨架样板开发一个网站,并希望为某个部分(乐队幻灯片)提供 Flexslider 幻灯片背景。

索引页面上有四个主要波段;页眉、幻灯片、正文和页脚。

我在下面的示例中唯一放置的是幻灯片横幅,正如您在示例中看到的那样,有幻灯片和最新新闻块,我需要在幻灯片上放置最新新闻块,但我需要幻灯片仍然在文档的流程中,因为在此幻灯片横幅下方有更多类似于“最新新闻”元素的元素,我不想重叠。

这是我的困境,如果我绝对定位 Flexslider 幻灯片,那么最新消息元素与幻灯片重叠,很好,但它下方的乐队(正文)及其包含的元素也是如此。不是很好。

如果我在最新新闻部分使用绝对定位,它会停留在幻灯片横幅之外(即使我将其包含元素设置为position:relative;),这让我感到困惑,如果我使用负定位(嘘声)它会在浏览器重新-尺寸。裤子。

这是测试站点的网址:

http://test-site.zymichost.com

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

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

这可能是显而易见的事情,但它正在让我明白,任何帮助表示赞赏。

4

1 回答 1

1

绝对定位的元素不会占用其父元素内的空间,这就是您section.container出现在下方的原因div.band.banner,但它仍然像相对一样流动。给它实际位置(大概是顶部和左侧),让它显示在横幅图像的顶部。我不清楚您所说的“身体下方的乐队”是什么意思,但这就是我的样子

在此处输入图像描述

于 2012-11-23T16:51:21.860 回答