清除绝对定位的div元素的CSS

Question

清除绝对定位的div元素的CSS

3

我有一个页面，其中的div尺寸为250px x 250px，并且都采用绝对定位。当这些div之一被打开时，将进行ajax调用以展开该div以显示其所有内容。这些div的宽度限制为600px，但可以根据所呈现的信息具有任何高度，因此当div具有大量内容时，它似乎会延伸到我的页脚上方，这是可以理解的，因为小部件悬浮在页面上。

然而，我的问题是，我是否可以以某种方式设置我的页脚，以清除这个大的小部件，因为它似乎正在延伸到页脚上方？

- styler

你尝试过使用 clear: both; 吗？你能发布一下你遇到问题的 HTML 代码吗？ - BentOnCoding

实际上，我刚刚检查了这个问题，并意识到在除了 Firefox 以外的所有浏览器中，页脚都会移动以允许 div 扩展。 - styler

2

jsfiddle或实时演示将有所帮助。您需要测量扩展的div大小，并向页脚或容纳扩展div的容器添加适当的边距/填充。 - Litek

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sam152 · Accepted Answer

没有办法清除绝对定位的div，绝对定位的div完全脱离了文档流。您可以考虑使用粘性页脚，它应该将页脚保持在页面底部，这样可以在视觉上修复页面，因为页脚将不再突然结束。

但是，除非重新构造HTML或使用一些javascript来检查div的高度，否则您无法仅使用纯CSS使页脚漂亮地显示在div下方。