获取要用文本扩展的HTML正文

所以我想做的基本上是让HTML文档在我添加更多文本时垂直扩展，现在它给了我一些非常奇怪的问题，比如：

当我添加更多文本时，主体不会向下延伸

此时根本不显示页脚

文档中插入了一些奇怪的符号

我知道如何定位事物的唯一方法是绝对的，我不知道这是否会导致一些问题（比如在“主页”图像下获取文本？）

下面是JFIDLE：

---

非常感谢您的帮助，谢谢

绝对定位确实会导致这样的问题。相对定位很简单。。。不是使用文档的左上角作为引用的原点，而是使用元素应该位于的左上角作为引用。因此，将导致元素比没有提供样式信息的元素低10px。

当您绝对定位元素时，会将它们从文档流中删除。这意味着其他元素的行为就好像它们不存在一样。它适合于在页面顶部放置一个模式弹出div，但不适合布局整个页面

一般来说，在布局页面时，我会尝试使用一系列设置了高度和宽度的div。您可以使用边距和填充来调整布局，并使用浮动使项目水平堆叠到一边或另一边。有时，我还需要将div的显示设置为inline或inline block，以使它们彼此相邻并像inline元素一样工作。还可以将div放置在div中，将元素分组在一起，并通过操纵外部容器将它们视为一个

---

一般来说，我觉得在页面布局中不太需要绝对定位。

Ooh，您不应该在示例中忽略这些可选的开始标记。这会让很多人感到困惑，他们会宣称你有错误。无论如何，是的，绝对定位元素会影响父元素的大小，所以如果父元素必须随内容增长，不要这样做。另一个问题。这是XHTML还是HTML5？最好选择一种或另一种，不要把它们混在一起。如果你有一个带有空格的字体名称，你应该在名称周围加引号。（注意：正如许多人所认为的那样，不一定要这样做，但强烈建议您这样做。）相对定位是否更适合布局页面？我也不经常使用它-仅当我需要在某个方向上“撞”某个东西时。这更容易处理——我相信这仍然是流程的一部分。我主要是因为其他原因使用相对位置，比如设置z-index。谢谢，你能给我展示的任何资源都能让我简单地了解如何最好地布局这个网站，使之流动？此外，似乎没有人触及另一个主要问题——我将如何让身体通过文本扩展——或者，在我摆脱绝对值之后，这是一个固定的问题吗？谢谢。我相信这会解决它-给它一个镜头。你会使用相对定位来布局整个模板吗？谢谢