2014-06-14 29 views
0

这是我的网站在这一刻。文本丢失,除非在标题标记

<http://jsfiddle.net/LEVENDIZ/dHTdk/2/> 

有文字无法查看。如果我将头部标签中的div移动到屏幕上,只有在身体中才会显示。

我到底做错了什么?

回答

0

#maintext将需要的160像素的顶缘(首部的高度),因为头位置是fixed并且因此相对于定位到其他内容不被<header>在所有受影响的视口(浏览器窗口)并因此出现在页面上,就好像它不存在一样。

这里是在定位的差异一个很好的基本解释:http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

+0

我怎么去有关编辑此?我加了margin-top:160px;到CSS,但它并没有解决这个问题。 – LEVz

+0

这是一个小提琴:http://jsfiddle.net/dHTdk/3/虽然我会指出,通常,固定元素往往会导致可用性差 - 他们使较小的设备或屏幕使用不当,并经常打破设计。就我个人而言,我避开他们。 – mifi79

+0

谢谢,你有一些关于如何将元素改变为动态的信息吗? – LEVz