这很难解释。
我有一个绝对定位的浮动辅助内容框。
它在所有事件中都很有效。
除非您提交表单但未填写字段(请参阅here,然后按发送)。框展开以显示错误,页脚下方有一个空格。我能给出的最好的例子是看它的实际效果(上面的链接)。
我玩min-height
并且效果不佳。如果我能提供帮助,我还想避免在出现表单错误的情况下使用代码扩展页脚。
我应该放弃绝对定位吗?尝试利润?还有其他方法可以让它发挥作用吗?
答案 0 :(得分:1)
没有。绝对的观点是它们不会影响父母。
我建议不要将绝对定位元素用于任何具有动态内容的元素。
在你的情况下,我会尝试将两个主要容器浮动到左侧,并使用负的上边距来备份辅助内容div。
如果你不想重新编写你的css,总会有js但是从长远来看改变你的css会更好。
答案 1 :(得分:1)
我接受了Ben's answer,但我决定勾勒出我必须采取的步骤......
首先,我使用float: right
将内框更改为margin: -50px 40px 40px 0;
。这使得内盒到达顶部的正确位置,但是父母崩溃了。
我在#content
下方添加了clear: left
元素,以使父级展开到左侧内容的高度。
然后我必须绝对将元素放在页脚中,因为它们被插入框的高度强制下降(任何人都知道更好的方法吗?)。