固定的導航欄為什么會遮擋住主體的一部分
<!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>
?如圖最上面的right、left被擋住了,想問問大神怎么解決?
或者大神能告訴我是怎么是導航欄相對與屏幕固定的?(類似淘寶的搜索欄,那種效果)
2017-05-06
第21行和第22行的div 你沒定義class ?應該是這樣
?<div class="left">left</div>
? ? <div class="right">right等等