文本 <div> 标签和 css

Question

我有两个问题：

1) 我有一个带有图像的 div，用于我的页脚，但是当我调整页面大小时，页脚文本会全部“混合”在一起。有什么方法可以让文本保持在某个位置并随页面调整大小？

2) 我使用 div 作为页面主体，但是当我尝试添加文本并将其对齐时，它会移动整个 div。当我移动文本时，如何让 div（只是背景颜色）保持原位？

这里是 jsfiddle 上的站点和代码：http://jsfiddle.net/HzwV9/embedded/result/

谢谢。

Answer 1

对你的小提琴有兴趣，这里有一个可能对你有帮助的结果：http://jsfiddle.net/HzwV9/4/

我注意到的一些事情：

• 您的一些 HTML 标记没有关闭（这是自找麻烦）。
• 您的下层链接无需使用<h1>； it's a block element, not an inline element，你也需要<a> 来创建链接
• 您可以在开头使用* 简化大标签列表 - 全部！

希望这会有所帮助。此外，页脚是出了名的困难，因为 CSS doesn't do vertical sizing very well...有一些解决方案，但它们都有问题，取决于你想要错的地方:)