静态div没有清除绝对div

-2

我正在建立一个网站http://inthespiritevents.colourrich.co.uk/home2，它有一个绝对定位的主要内容div（#textcontainer），因此它与上面相对定位的幻灯片（#slidecontainer）略有重叠。静态div没有清除绝对div

我遇到的问题是页脚是静态的。因此，绝对股利正在下跌，而不是清算。

我该怎么做？

Richard

来源

2013-01-17 user1146311

没有什么我知道你可以做一个div与绝对div进行交互。你是说你需要将footer div放在绝对div的底部，还是你的意思是你需要将footer div视为绝对div的“顶部”？后者可以用z-index来解决。前者必须通过布局解决。 – Leeish

我刚刚看到你的网站，但你的页脚是'position：absolute;'哪个是静态的？ – Chanckjh

它只做它应该做的事情。 [根据规范，绝对定位元素是_“...完全从正常流程中移除（它对后来的兄弟姐妹没有影响）”_]（http://www.w3.org/TR/CSS2/visuren的.html＃绝对定位）。你对“清除”的含义感到困惑。它不适用于你，因为你不使用'float'。 – Sparky

看完您的网站后，我想我明白你想要做什么了。对于slidecontainer，您的设置高度为500px。只需将其增加到以下内容：

#slidecontainer { 
height: 575px; 
margin: auto; 
position: relative; 
width: 1200px; 
}

来源

2013-01-17 00:20:43

有些东西不能用'z-index'修复。如果他的页脚如他所说的那样是“静态”的，那么“z-index”无论如何都不会起作用。它仅用于“绝对”和“相对”元素的堆叠。他的[HTML是一团糟]（http://validator.w3.org/check?uri=http%3A%2F%2Finthespiritevents.colourrich.co.uk%2Fhome2&charset=%28detect+automatically%29&doctype=Inline&group=0）和在处理其他事情之前，他应该关注合规性。 – Sparky

我同意他的html是一团糟。但是，您对z-index不正确。页脚不是静态的。它实际上是绝对的。如果他将z-索引更改为9999，那么它实际上会重叠页脚。不过，我不认为他是这样想的。他总是尽量避免的一件事是尽可能设置高度css。特别是在主要容器中。 – 2013-01-17 00:50:43

关于'z-index'，我非常正确地说** **。如果OP的页脚不是“静态的”，那么他就不正确地说明这一点。否则，发布指向'z-index'的规范链接，该链接适用于除“绝对”和“相对”元素之外的任何其他内容。 – Sparky

静态div没有清除绝对div

回答

相关问题