顶部固定导航栏且不遮挡文字怎么办？

首先将这个页面的顶部固定不动，很简单

html代码这样写

<div class=t1></div>
<div class=t01></div>
<div class=t2>
	<p>我想让顶部导航栏固定，而且不挡住这段话。</p>
	<p>我想让顶部导航栏固定，而且不挡住这段话。</p>
	<p>我想让顶部导航栏固定，而且不挡住这段话。</p>
	<p>我想让顶部导航栏固定，而且不挡住这段话。</p>
	<p>我想让顶部导航栏固定，而且不挡住这段话。</p>
	<p>我想让顶部导航栏固定，而且不挡住这段话。</p>
	<p>我想让顶部导航栏固定，而且不挡住这段话。</p>
</div>

css这样写

*{
	margin:0;
	padding:0;
	}
.t1{
	position:fixed;
	top:0;/*这里设置好顶部导航栏固定*/
	width:375px;
	height:100px;
	background:black;
	}
.t01{
	height:100px;/*这里的height要和导航栏的一样*/
	position:relative;/*这个用来占位置*/
	}

效果实现。ojbk！