Html 缺少文本,除非在标题标记中

Html 缺少文本,除非在标题标记中,html,Html,这是我目前的网站 <http://jsfiddle.net/LEVENDIZ/dHTdk/2/> 存在无法查看的文本。如果我将div移动到header标记中,它会显示在屏幕上,而只有在主体中它不会显示 我做错了什么?您的主文本需要一个160px页眉高度的上边距,因为页眉位置是固定的,因此相对于浏览器窗口的视口进行定位。其他内容完全不受影响,因此显示在页面上,就好像它根本不存在一样 以下是对定位差异的一个很好的基本解释:我如何在中编辑此内容?我加了页边空白:160px;但它并没有解决

这是我目前的网站

<http://jsfiddle.net/LEVENDIZ/dHTdk/2/>
存在无法查看的文本。如果我将div移动到header标记中,它会显示在屏幕上,而只有在主体中它不会显示

我做错了什么?

您的主文本需要一个160px页眉高度的上边距,因为页眉位置是固定的,因此相对于浏览器窗口的视口进行定位。其他内容完全不受影响,因此显示在页面上,就好像它根本不存在一样


以下是对定位差异的一个很好的基本解释:

我如何在中编辑此内容?我加了页边空白:160px;但它并没有解决这个问题。这里有一个问题:尽管,我要指出的是,一般来说,固定元素往往导致可用性差——它们不能很好地使用较小的设备或屏幕,并且经常破坏设计。就我个人而言,我回避它们。谢谢,你有关于我如何将元素更改为动态元素的一些信息吗?以什么方式动态?这样它就可以和页面一起滚动了?如果这就是你想要做的,那么使用默认的静态定位可能是更好的选择。我不确定动态定位是否正确,但这不会导致在较小的设备/屏幕上使用不当。