【问题标题】:css clearing an absolutely positioned divcss清除绝对定位的div
【发布时间】:2011-09-07 02:54:45
【问题描述】:

我有一个 div 250px x 250px 的页面,它们都是绝对定位的,当打开其中一个 div 时,会进行 ajax 调用,该调用会扩展 div 以显示其所有内容,这些 div 的宽度限制为 600px,但可以可以是任何高度,具体取决于所呈现的信息,因此当 div 有很多内容时,它似乎会延伸到我的页脚上,这是可以理解的,因为小部件悬停在页面上。

但我的问题是,我能否以某种方式设置页脚以清除这个大小部件,因为它似乎在它上面伸展?

【问题讨论】:

  • 你试过 clear: both; ?您可以发布您遇到问题的 html 吗?
  • 实际上我刚刚检查了这个问题并意识到页脚移动以允许 div 在除 ff 之外的每个浏览器中展开?
  • jsfiddle 或现场演示会有所帮助。您必须测量扩展的 div 大小,并为页脚或包含扩展 div 的容器添加适当的边距/填充。

标签: html css


【解决方案1】:

没有办法清除绝对定位的 div,绝对定位的 div 会完全从文档流中取出。你可以看看使用sticky footer,它应该将你的页脚保持在页面的最底部,这应该在视觉上修复你的页面,因为页脚将不再突然结束。

但是,除非您重新构建 HTML 或使用一些 javascript 来检查 div 的高度,否则您将无法使用纯 CSS 让页脚很好地显示在 div 下方。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-10-01
    • 2019-05-15
    • 2011-04-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多