gpt4 book ai didi

javascript - 位置 :Absolute Not Respecting It's Elders

转载 作者:太空宇宙 更新时间:2023-11-04 15:30:11 27 4
gpt4 key购买 nike

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

如果我用 class="container" 绝对定位该部分使用仅适用于 <div> 的额外类或 ID , 它把自己定位在它相对定位的祖先 <div> 之外与 class="band banner"什么时候应该将自己定位在“乐队横幅”中<div> .

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

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

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

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

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

这是我的两难选择,如果我绝对定位 Flexslider 幻灯片放映,最新消息元素与幻灯片放映重叠,很好,但它下面的带(正文)及其包含元素也是如此。不太好。

如果我在最新消息部分使用绝对定位,它会停留在幻灯片横幅之外(即使我将其包含元素设置为 position:relative; )这让我感到困惑,如果我使用否定定位(嘶嘶声)它当浏览器重新调整大小时搞砸了。裤子。

这是测试站点的 URL:

http://test-site.zymichost.com

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

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

这可能是显而易见的事情,但它让我费尽心思,感谢任何帮助。

最佳答案

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

enter image description here

关于javascript - 位置 :Absolute Not Respecting It's Elders,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13511293/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com