CSS大师,我可以让我绝对定位的子元素强制主要父母的身高吗?

时间:2010-06-18 01:47:40

标签: xhtml css

这很难解释。

我有一个绝对定位的浮动辅助内容框。

它在所有事件中都很有效。

除非您提交表单但未填写字段(请参阅here,然后按发送)。框展开以显示错误,页脚下方有一个空格。我能给出的最好的例子是看它的实际效果(上面的链接)。

我玩min-height并且效果不佳。如果我能提供帮助,我还想避免在出现表单错误的情况下使用代码扩展页脚。

我应该放弃绝对定位吗?尝试利润?还有其他方法可以让它发挥作用吗?

2 个答案:

答案 0 :(得分:1)

没有。绝对的观点是它们不会影响父母。

我建议不要将绝对定位元素用于任何具有动态内容的元素。

在你的情况下,我会尝试将两个主要容器浮动到左侧,并使用负的上边距来备份辅助内容div。

如果你不想重新编写你的css,总会有js但是从长远来看改变你的css会更好。

答案 1 :(得分:1)

我接受了Ben's answer,但我决定勾勒出我必须采取的步骤......

首先,我使用float: right将内框更改为margin: -50px 40px 40px 0;。这使得内盒到达顶部的正确位置,但是父母崩溃了。

我在#content下方添加了clear: left元素,以使父级展开到左侧内容的高度。

然后我必须绝对将元素放在页脚中,因为它们被插入框的高度强制下降(任何人都知道更好的方法吗?)。