0

上下文：这是我正在处理的 wordpress 主题的输出 html。

布局看起来一切都很好，直到我检查了<div id="foot">（页脚），我意识到它的高度是整个页面，我期待它只是它的内容的大小。

在这里看到它（代码）。

尝试调试问题时，我意识到如果我删除了 div 的内容或删除了 div，它会破坏其余的设计，这是为什么呢？

在这里看到它（代码）。

我期待页脚 ( <div id="foot">) 是它的内容的高度，如果我在之后添加另一个 div 这似乎工作正常#foot：

在这里看到它（代码）。

我不确定为什么删除#foot会弄乱其他内容，也不确定为什么#foot会以高度（到页面顶部）呈现。

4

2 回答 2

1

我现在明白你的问题了。你有一个浮点数，但脚 div 没有清除它。

你需要添加...

clear: both;

...或者...

clear: left;

...到#footCSS 以清除其上方的左浮动。否则内容将环绕您的页脚。

这是您的jsFiddle的更新，显示脚处于正确位置。

旁注，我相信您还没有关闭所有 div 元素。

于 2012-11-13T04:53:29.527 回答
1

好的，现在我明白了您的实际要求，我希望其他人澄清您的实际要求，这是一个问题floats，我改变了背景，我意识到这里的实际情况是什么

演示

解决演示

只需在 div 上方添加此行footer即可清除浮动，只需使用红色来显示差异

<div style="clear: both;"></div>
  <div id="foot">
    footer
  </div>
于 2012-11-13T05:02:20.747 回答