                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

固定的导航栏为什么会遮挡住主体的一部分

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>2</title>
    <style type="text/css">
    body{padding: 0;margin:0;}
    #banner{height:50px;width:100%;background-color: #8d9c9d;}

    .main{width:1200px;margin:0 auto;}
    div{text-align:center;font-family:"Microsoft JhengHei";font-size:20px;font-weight:bold;color:#d1d1d1;}
    .left{float:left;background-color: #4e4e4e;width:30%;height:3000px;}
    .right{float:right;background-color: #1d1d1d;width:70%;height:3000px;}
    </style>

</head>
<body>

<div id="banner">我是导航栏</div>
<div>
    <div>left</div>
    <div>right<p>鲁迅（1881年9月25日－1936年10月19日），原名周樟寿，后改名周树人，字豫山，后改豫才，“鲁迅”是他1918年发表《狂人日记》时所用的笔名，也是他影响最为广泛的笔名，浙江绍兴人。著名文学家、思想家，五四新文化运动的重要参与者，中国现代文学的奠基人。毛泽东曾评价：“鲁迅的方向，就是中华民族新文化的方向。”[1-6] 
鲁迅一生在文学创作、文学批评、思想研究、文学史研究、翻译、美术理论引进、基础科学介绍和古籍校勘与研究等多个领域具有重大贡献。他对于五四运动以后的中国社会思想文化发展具有重大影响，蜚声世界文坛，尤其在韩国、日本思想文化领域有极其重要的地位和影响，被誉为“二十世纪东亚文化地图上占最大领土的作家”。</p>
<p>周介孚：鲁迅祖父（1838-1904），本名致福，后改名福清，字震生，号介孚，一号梅仙。翰林出身，曾外放江西金溪县任知县，后因科场案入狱，使得周家开始走向衰落。周介孚“自由读书的主张与实践”为鲁迅“在传统教育的封闭体系中打开了一个缺口”。[61-62]  [63-64] 
蒋氏：鲁迅继祖母（1842-1910），周介孚后妻，周伯宜继母，她逝世时鲁迅亲自为她办理丧事，她性幽默，常给鲁迅讲民间故事，给他以民间文化的启迪，同时她隐忍的性格也给鲁迅留下终生难忘的印象。[62]  [65]  [66] 
潘大凤：鲁迅庶祖母（或称潘姨太），周介孚之妾。[67] 
周伯宜：鲁迅父亲（1861—1896），本名周凤仪，字伯宜。他思想开明，是洋务运动的同情者。后为病魔所缠，他的病使鲁迅饱尝了生活的困顿艰辛。[62]  [68] 
何氏：鲁迅外婆，会稽县皋阜镇人，父亲何元杰为翰林院编修。[67] 
鲁瑞：鲁迅母亲（1858—1943），她慈祥而刚毅，善良而果敢，思想比较开通，对鲁迅有极大影响。[65]  [69-70] 
周作人：鲁迅二弟（1885—1967），原名周遐寿，现代著名散文家。[71] 
端姑：鲁迅妹妹，未满一岁即殇，约比周建人大一岁。[72] 
周建人：鲁迅三弟（1888—1984），原名周松寿，生物学家。[68] 
周椿寿：鲁迅四弟（1892—1898年），6岁时因发热发烧早逝。[74] 
朱安：鲁迅的合法妻子（1878—1947），浙江山阴丁家弄（今绍兴市丁向弄）人，1906年28岁时与25岁的鲁迅完婚。她与鲁迅做了二十年的挂名夫妻却完全过着独身生活。鲁迅母亲的生活一直是由她照顾。[70] 
许广平：鲁迅的爱人（1898—1968），广东番禺人，曾是鲁迅的学生，她照顾着鲁迅后半生的生活。
周海婴：鲁迅与许广平之子（1929—2011），无线电专家。</p></div>
    </div>
</body>
</html>