使HTML Body扩展文本

Question

所以我正在尝试做的基本上是在我添加更多文本时将HTML文档垂直扩展，目前它只是给我一些非常奇怪的问题，例如：

1. 当我添加更多文字时，身体不会向下延伸
2. 此时页脚根本不显示
3. 文档中插入了一些奇怪的符号
4. 我知道如何定位事物的唯一方法是绝对的，我不知道这是否会导致一些问题（例如在“Home”图像下获取文字？）

这是jFiddle：http://jsfiddle.net/9nYgb/

非常感谢任何帮助，谢谢！

Answer 1

绝对定位确实会导致类似的问题。相对定位很简单...而不是使用文档的左上角作为参考原点，元素假定所在的左上角用作参考。所以＆lt; div style =“position：relative; top：10px;”＆gt;将导致元素低于10px，而没有提供样式信息。

Answer 2

绝对定位元素时，将它们从文档流中取出。这意味着其他元素将表现得好像它们不在那里。将模态弹出式div放在页面顶部是有好处的，但它不适合布局整页。

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

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