当元素的position属性设置fixed时，则开启了元素的固定定位
（1）用于固定在浏览器页面上，不随浏览器的滚动而改变位置；
（2）以浏览器为参照物，和父元素没有任何关系；
（3）固定定位不占有原来的位置，即脱离标准流 ，更改元素的性质
(4)应用场景
- 固定导航
- 固定侧边栏
- 广告
粘滞定位 （一般用于页面导航的吸顶效果)
-当元素的position属性设置为sticky时，则开启了元素的粘滞定位
（1）以浏览器为参照物（体现固定定位特点）；
（2）占有原来位置（体现相对定位特点）,不会脱离文档流，元素性质也不会发生变化；
（3）粘滞定位可以在元素到达某个位置时，将其固定
(4)配合top值设置，没有达到top值之前正常显示，随着滚动条滚动而滚动，
达到top值之后类似于固定定位，不会跟随滚动条滚动而滚动
固定定位：
例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<style type="text/css">
body{
height: 3000px;
}
.outer {
width: 400px;
height: 500px;
border: 5px solid red;
margin: 50px auto;
position: relative;
}
.box1 {
width: 100px;
height: 100px;
background-color: orange;
position: fixed;
right: 0;
bottom: 30%;
}
</style>
</head>
<body >
<div class="outer">
<div class="box1"></div>
<p>
司老所什，也先程不，小量场，五举陀位么当血有之面郭谭畴就尽曾，小人偶太，法者知备人密之便使同不慧洪护惶没九法，生日怒幕这入主的程派事山持，骨磊人不是是学到妙是至，范陛的王尹畴他不令遗事卞，秦意楚没留身娇如入娇情判韩，升玉问罪人只绝到落路绪啦友看可，下不中贤愚厅方轻金洋关导订，愚书畴洪交仇通设贤，道资变原不逃出一，攻不了的到了和斯在最的，好要卧张希因妙了大已智德，他褒人言仑下李了会艳帮在春，定的张但才永好会姑十大，可对韩在婵派也得逃平，回死揽疾程么考责乐瞠高，方谭学人磊杨，卧决韩应，是么未是，作尹老了前啊终身在见谓土说德县第他，在诗攻作罚愚，败他极其上才使，心在落她创变后制量互后元，天或程非气。
</p>
</div>
</body>
</html> 效果图：
不管你怎么滑动鼠标，黄色的盒子一直就是在这个位置固定住了，这就是固定定位。
粘滞定位：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>导航条</title>
<style>
*{
padding: 0;
margin: 0;
text-decoration: none;
list-style: none;
}
ul{
width: 800px;
height: 50px;
background-color: pink;
margin: 100px auto 0px;
line-height: 50px;
text-align: center;
/* 设置粘滞定位 */
position: sticky;
top: 50px;
}
ul>li{
float: left;
width:25% ;
}
ul>li:hover{
background-color: #ccc;
color: white;
}
</style>
</head>
<body style="height: 3000px;">
<div>
<!-- 创建导航条的结构 -->
<ul>
<li>导航</li>
<li>导航</li>
<li>导航</li>
<li>导航</li>
</ul>
<!-- 内容 -->
<div>
币说无釜张陀娟会事先关看用有找目，肯王老，重主应时有娟文起，虑诗与洞法是皇然罪，畴却地明妄只因拢是后人上，间君是锐皇中人什笔言，将尽文之，毒人所燕目不定生皇，可有何应皇的于六子来安，则磊认，骨竟一老出是太个骂勇人送惶首，釜回不，份人貂，盲一就兼虑身，仇自洪们哉，廿县事五云语身就杨永不由沾的掉次又派，王才命降法中回马快是尝才在到不略觉区，见仆得他请易，五用哉说人投不得卞居放，牙所杨慧视力程入承希设案用的乏我二韩，不无分远洪王不高郭，对十范非应才太子有收轻他已为使到吾、流，吴才也，有是奔，的可今谭药备起重过可一掉珍，都的牙天重她三为，五娇中死肯纯力，杀洪命遗关向绪揽安俭原秦也量实你，回落若，那心。
常死为文评与收葬说不以帝，谓言上老畴，促人的家说文出藏，弄就回珍国徨吴，大之兴张其快，可韩我娟承外此主得把善情吾一恼李韩才判，子太杀洪清同雷选得谓叩，别弟身饮故始韩你仇君，即罪因得陀且领王，方主善疾交，变生的落，的韩之气家上的了自秦者君未派乡，沫里当行谋，投时尤韩褒受，评大是，虽之掸在九好易与，设。
收章十，国身不终单劝问不略，过衣人谓刑极了，认必法他他性学秦他对极低喜韩了俭极到，斗斗生乐俭洪夫当程也谋句迷，对己是担人是别撒我定之给量法杨有杀在才，下路王宋他搏便其帝入，家勇定主章见即历感，郭夫币了斯种使姑为就非冈失娘到他情李，法绛主论么定说法第别谢，同打牛，斯尤沫什郭我居爱我有的的壬的尽而友卅可，文司生下人，评血归得份生拢六狂是友郭了姑玉愚但，览定在德意人始老，六唯见重杨脱了人有章量都作韩秦，太使畴饮没导要，游方身到么吞张老雷赠他对希司唯虑哉专，说卧土的太而后在惊血韩生身见，略览老而珍我上屯六曰化你得洪许，冷欲居商的谷兄之们氏在县，在谭了老生太侯才考是人投就丈，名一说非开司明对介，日着此反历王回报都明勉，冈要不，志使升德匹承君训斗叩极孔，一嗣了重有说春要貂被则动手将不觉在秦，不你张老等月谭畴秦何评，死家何下，外锐年何升一，斯气但与才也人人没乐力德烦使，话娘憾不么明胜病平白有挟临为大游会，上他秦气间欲韩愚希，将命的非，和司量联中航官，交尘到派完秦，骂久守三以，音何便司珍价见，承日褒有否道极洪竟马忧，不好斯得领只耳怒死那尘才苟承罪时已，学的沫专不年下君争上诗一使，智感皇性太极爱者高娘釜法句可丰，对方安极出中临三，不活她说没光这当使是领是我派答，报破第畴死娟，什洪资更我居二够仃国令彷，程秦为太的我甲锐后杨仄要有，法仅别一联上生心千道人事兼得氏仄，念龄说，快时着的互劫的不，到怎讨币成嗣井救他谋原范畴兼有，重过明得哉乏到而你，妄明哉之这报人洪训死今者份甲憾中谋，宋王商终他行内视在自要得日耳罪远，轻整刑纯设才会为场先命斯同回九来卅后葬，上气谢逃关叹皇尚你学徒，王上介资于要就韩赏兮看都太，陛足光在春彷关了郭洪感气别连重在，是在刑着有求不收一春褒谢，法吴云回，路和负与怒国的撒人尽他唯孔上留木惜范在，尘道骂县灰皇沫掉马说承承说花仍的也，尤子见了到木自，洪的前说韩谓挟嗣廿轻得联井李整书高使中，太牛方意无程落仓才二无快范最何这学评，倒秦以清畴一终绝次定的司的大贼别，谢郭次娟斯第怒药里胸变蒲畴能愚了，县种说不份开连久曾釜如交切狂联起在上定，是彷后音，井面家那重，夫由怎色老疾为骂登回，承然他不吞以洪虑办不骨德，死婵不，我欲略怎夫他有得落那或、为保法后姑，得皇人李到张范色要我，子者流无币会千倒惊留，太朗郭天洪终，斯百仃郭不了死单为定的不爱子妙便韩，保重人非和厄六快千足生为，春气你，你我反召生卞得才人夫三最因惊陀尽，得登己严沫笔畴逝生自知必办五玉师勇忧气，张关是不没兮特投嗣，而死子为杀两牛则不持流留是叹人的意承，文谢关单县办在他知，而洞牙赠了卅人，你永足的不洪一志法怒，皇不视饮前舟畴报忧创的准，磊愚作你，让家他徨颜生落谭使以太招，清入谓在为人是事为到，活间与法弟恼低不行郭才逝位，百制洪单法导次在的，中韩迷感向韦杀不人春了为帝十设三，因妄己位能是厅，婵召备在薪太太而设都若会之，但之变人不然知决明里价中，可药烦可，特即智百介京，只尽范县后则锐一，畴之让人陛兮谋死首竟，却留相下起丈台不为虽甲新明娟唯国娘己，娟命沫褒我惊磊谭活不谭话，得君已冒应喜俭承馆何斗郭此韩航，啊小使什，范望看你动欲家够败促日而的不皮回，同到搏同在己互也时主赐兄谷之与在，为打言因躲秦一感等可秦你导，收马路方至他狂明之回将币王人韩笔慨，得在杀兮艳导事重国见为，者相秦心实不孔己生王郭，卞德都有后未汪非上是，俭里不满磊诗呼书也人案气廿土故不死，大服人天病大谋，一不百兮发入偶卅也的尝下、君介雷遗，极特将洞在者母子谭台他，为在没仆上次秦往守台所哥洪不但赐，以不就使月的者只，统仇今之日他欲然子廿案的秦尝洪疾，韩俭光视弟郭得非关了自冈放便，联到己纯才杨洪次命得三谭赠首，罪承而不张由未的文家而主人，同仄人中导属程回价舟出韩三，同丹什即是这秦后是是张也太死，你招的责亓是都他的开更，拾国只他穿因留程的们第，年此杨家得我人起，程木倒这兼即挟身娇，间他爱的一化见胜，变有人打游，畴人斯不乐帅属他也事对极秦，登回狂目反同，九病上韩，的了拾使说子终台魂王支马，药留互见手饮先来主骂宋这语氏皇一化，明沫秦他看况撒，自创下答未听以，他月意即谭，不召后圣王病回反么罚，司于德解屯认生疾衣关生后他，的作的磊衣你洋学恼愚严吾兮韩松应，畴统何韦郭心两在由订他胜别后，者价娟说洪你皇变木才非极，主君人爻便逃洪人丐令感反因心，其词和是畴考谓，畴过兼者房智生定，谓程留年感斯争到的胜太斯要游我本，日无由几子，办上的中肯作人么上后，书身年勇子切娟，土哉法，家自即作登先死赐死鼓妙人身己，量娘小国公九着把杨普联许是只知杂陈老，藏系落皮变仅生叹我极爱宋承房即对年惜六，能绪在老衣说前办与拿，特说极的道汪夭从略杨要人罪次洪也卞，后高落光领自的就之非，搏家厄有洪丐卡纯到他虽胸才了张惜永，讨身娟狂略感看打，死极持，俭劝绛太人是无，若不导互你羊厄战牛皮丰始一他破春，修仓人色好忧罪弟禀向为，竟普许县马笔贼，五到畴娇天力一一，不生的了绛山回报他不到了极战面的特雷登，韩程卑价，有远样她家语娘卧高而况，中牙不逃不徨于日小才处着不乐文尘小词月，如杨死家两，妙拾也对前郭洋会车韩感新三德丹联，我所乏善罪与国逝马自非笔，日系千到领法我范日，人清日生便赐徒有斯不千气回到骨自畴的，满心楚我与第生徒认，老者手终国耳人所感关死后便国曰同我尝极，得视年的便也尘，甲爻郭帝德，了太见娘惊不为，但无选如，清妙愚总愚他千虑尝的密介如怎子第，宋冷他你到人，一你云娘情人不，世承绪他听平不下未，玉卡书锐两肯往中策意秦一承的付老也，洪生发怒沾这在韩何关惊起救国后的倒，这以时龄徒贼杂落之对以、要的里郭不言竟，台卞极恼杨逃升句秦友羊明才陛，九落而他斯训竟杨釜，倒斗持仓专，老王的非力极非何价家，杂得打薪否必说后是饮人人叹知之雷，百人丰有目磊俭我法此非使问县于，徨至李杂仃则喜中县价能身谭不才爱，但罚徒已我为你否三承永不量意明同等，姑失馆的汪烦此欲血三即韩才，使即色使者快开的，特商战因普学绝他心降由可馆可劝，切对也是曾下衣起谓，心非是快得老拆冒量可中文云生以许于，己真不仍这家作惊一是张才者老，不命盲的我已未不才心里谓外，变的兼躲掸下君应小锐句他未县釜躲兄留，磊郭自是回从之承保二往的秦的么，仆或谢那逃归不们就德德尹陈希，判马司登李么他次失才国了使灰设故入亓曰，三洞耳会文后，他们高传首花救降冷，更将光不郭两，是都护价事而订国不但落徒出，、失他人土航上融偶后卡的感骂，台为衣畴的尘自降历夹治承王国你后罪要，我上生今位兼屯狱嗣老，是新国倒的会人的韩时家见极俭促关生，的的为小子小的传拢与是魂不韩后曾入公，恩当中人自感你那也房，而应事不怒价不尺好作我在磊故的中，统尚台量书况毒台游，力成从外者上皇君等里的娘诗生而事到盲者，陀纯第天韩是一，种样穿，韩决否成李国往妙台他愚地九上，会答我人者天沫能我别都会韩看秦找此，有收联可学与怎，备了回少她守卧即是是变那临，白以就慷为德区承若极锐和人，为有金人词得斯九的貂，事土前我他此婵妄妙仃，只活者谭，说新山助，恩绪劫入洪专次已语畴连归拆锐起娟皇，登花次皇主开反动服鲜不要降开皇的，单之厄别气姑设兴国学沉为到太德吴程，皇罪洪极韩何我，满明应司互求服才洪导一兄觉留不，商惊揽向也前足县使盲、月兼办和了战人关，陈同其不见瞠反种人胜谓躲第如，欲风不失可皇尹天惜法斯，在商畴以同得他者范洪命皇位以动方揽有她，量了亲氏屯，文我同低互在就活耳，燕人惊其，场定就，德一人手洪责气且就骂招人生弄你德，而学在为变俭了要法创房，临词己，太智快历得，薪国兄，尤天而会的学韩选创韩思，也们慧什惜我，兮们人人卞人鲜吴疾说出的其掉牛使文，帝导笔韩出大之孔不力徒来历韩，斗非让，交服别六百量国几分没耐着我自张，纯报了杨么小人己传在见有知国我一我李是，斯徒也国，极尺送幕作归要我好流总，春预动烦狂高张情终付，都王雷切掉是先故什韩而，太重小极接己其音郭善毒的得之而高交也，春互不召仍日者忧们要吴程在满，人不故国准死乌呼夭王承仆无那才其种九，娘衣花太自盲则在秦事措区法，为十快不登王落四我如恩价内，乏到中主人之我反，刑不永六法秦使者护设位，法厅种非郭第了韩其前人，有使了论年沫归招只，官选洪朋求下，在韦事远王匹搏生也杀里才不即赏使，王揽则道才张，惊之自守领了郭，事了送落应德他，登人衣谭太事落后，鼓路领，发变挟考土郭发，不马他案胜狂爱生老一大教情楚两，程冒虑的，中韩命已人上降，光欲持起三国者三心的绛程太丹烦非接皇不，心战也，让娘面自只穿第劝毒助词，过的洪尹，他后榜欲手至皇毒二时家而否由是方是起，也杀则五人得送仇了却李自马航在赠得相，使人瞠读久收李介，和的乐太好事死担说身，婵招其主可因，韩孔人事程请弄足，新而的拆而永中第自回人游生诗孔，订心常可光厅快的介竟上要则，尚的月以后秦帅，张绛他会我，人我训少老烦人嗣卧极对动设老次不制兮不，尘艳不，则极耐行仅二了一死友的屯用陀读法即，未得胜车夫他范老婵的人可关仓越自把况系，慷判极起系，连撒范无惊，报对皇极范则虽的商迷，使护程没，他评起小中往出从一他光的了普们后光马愚，上弄么总服斯普德在音章负洪看下落的九我，他得法禀老，为并无死二疾马胆价今，金就小人汪知其元这章竟办非，赐自感你略到其磊吴已秦好相了下四，第疾磊了嗣韩人公白元里，到国上狂斗喜与大偶畴游落为爻事为韩，是叹她原二，者官们人活极也尽，力负投才投力嗣大上都老略二低人姑，个想望大就谢中，承灰交年后好卑人，时冈龄决国完商才生笔娘先嗣攻沉中语，己哉秦揽可极玉下并月，不可只尘春，分骂逃承关，非韩雷情己他，先得变登斯统壬京仃也姑同求九松如，婵向洪志失冇的世彷生年为是一气一天开，是承词登他了，友承若胜一心鼓略人为嗣可极釜风，过使妄极游子用畴气开陀文老光了，羊井真说药，非没尝千，自文别临一，事因第千，落怒无杀爻总，太洪人王将娟县回一专兴，说留重德六不创病三诗死是活洪竟，才他秦人词的的在会土中丹应友妙又第道未，了锐吞方老书关就不极，乏胜下弟起，弟将那使氏略命留笔的为巴，落预同褒人太，大普分会君锐的亲，词司一李沫四沉力求鼓招成才的非不洪的其，火他家太攻且洪杀赏他畴变感看陛丐车金俭，满洪反为姑谓，花意洪是处洪救处，升救土，厅便秦入极你第不陀叩亡不派学开弟明极，慷狂力或视所首生之感法她因说若，花有个说夹弄仍是未帝恼的而，他救定俭骨书时者以言航一解谓才梵光是为，的锐却斯掸都手为赠反，其畴得韩路上他好是订足落可，因玉训才要历如变衣气论够国命罪极，留何胆，己得秦全而君何，人其大人使谭文亓区廿中尘里见，韩恨陈入会会关他见论杀自脱付光范，读价恩也得是关三奔有之啦到乌，台羊见薪法王学要实未都为收的土而杨之明，才花由不拢只拿没在挟老怒关关松知谭乐，人把希京起哉，一新是你愿得气导官至定衣甲刑得，作是土便久秦的将尝一圣人不谓王秦夭木友，但畴明一杂互台可会的身成，他她是即小种衣则尘要不是，回他妙故洞鲜杀他的，落入大国畴在的是下，出楚情，为极瞠的嗣了，的价是国丰向和她是回娘，要失兄的藏遗快畴上人人落十氏兼牛李，谓第不她虽不纯韩真辜一县毒老，未人恨皇安下极的养夭，公姑重三哉二几时，打们罪落韩你起言血没洪未到五畴明不虽，人斗皇郭第葬鼓选商得承打是次感如，于才而，况张陛未未才落陀六把慨洪毒，帅兮人，以帝你夫王流二斯也国说临以非而，皇的洪无爱国道重传气，艳流不是竟远挟不曾你，勉程贤斗负我张动，到会爱釜皇对的思山，谢丐思也秦张己派韩了徒生书亲是活求他人，书皇燕间不年君到命争订，判这决我常举乌春有巴的之家一，到故过有老，日非老都，者的的，亲洪国不人量秦派中是孔入小吴而，卧那雷少后以者，屯我老保秦人者对嗣者你力就得人第为的，乐人不回回了定竟对别生，国方家是流道九千，而感这是，变掸圣以其活非他京守，我了向都的，妄什备老密是拿人五郭洪把法有我小骨联吾，太秦促不你衣感日太降友皇郭的修，他爻未中承圣的，治才了挟活韩极骨，牙人不回、圣应是嗣战国打招月于章活，才谭互样胆为国来完或不只娘只量，二派融有搏不考重便是专他着，得妄家他极老为，事谷有举办办韩得是、入，且实书都无会洪身意不他得杀评公，狱到对韩将蒲终地不朋也不判己仁，妙郭可资其只对得也落锐说君我为春，骨兮韩要疾是得作，化有种程非，联秦动因望归骂我讨导县国极性畴。
</div>
</div>
</body>
</html>效果图： 
粘滞定位必须配合top使用；例如上面代码，当top值没有到50px时，他就被固定了，这就是粘滞定位。