日本美女网站,婷婷五月天欧美欧美欧美欧美欧美,网站美女综合在线,日韩国产欧美手机视频在线免费更新

Web前端知識(shí)

首頁 > 免費(fèi) > Web前端知識(shí) >

DIV+CSS布局之position屬性:absolute

來源:北京匯仁智杰科技有限公司   時(shí)間:2015-12-18   點(diǎn)擊:

  absolute的意思是絕對(duì)定位,他默認(rèn)參照瀏覽器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(下面簡稱TRBL)進(jìn)行定位,有以下屬性:

  1)如果沒有TRBL,以父級(jí)的左上角,在沒有父級(jí)的時(shí)候,他是參照瀏覽器左上角,如果在沒有父級(jí)元素的情況下,存在文本,則以它前面的最后一個(gè)文字的右上角為原點(diǎn)進(jìn)行定位但是不斷開文字,覆蓋于上方。

  2)如果設(shè)定TRBL,并且父級(jí)沒有設(shè)定position屬性,那么當(dāng)前的absolute則以瀏覽器左上角為原始點(diǎn)進(jìn)行定位,位置將由TRBL決定。

  3)如果設(shè)定TRBL,并且父級(jí)設(shè)定position屬性(無論是absolute還是relative),則以父級(jí)的左上角為原點(diǎn)進(jìn)行定位,位置由TRBL決定。即使父級(jí)有Padding屬性,對(duì)其也不起作用,說簡單點(diǎn)就是:它只堅(jiān)持一點(diǎn),就以父級(jí)左上角為原點(diǎn)進(jìn)行定位,父級(jí)的padding對(duì)其根本沒有影響。

  以上三點(diǎn)可以總結(jié)出,若想把一個(gè)定位屬性為absolute的元素定位于其父級(jí)元素內(nèi),只有滿足兩個(gè)條件:

  第一:設(shè)定TRBL

  第二:父級(jí)設(shè)定Position屬性

  上面的這個(gè)總結(jié)非常重要,可以保證你在用absolue布局頁面的時(shí)候,不會(huì)錯(cuò)位,并且隨著瀏覽器的大小或者顯示器分辨率的大小,而不發(fā)生改變。

  只要有一點(diǎn)不滿足,元素就會(huì)以瀏覽器左上角為原點(diǎn),這就是初學(xué)者容易犯錯(cuò)的一點(diǎn),已經(jīng)定位好的板塊,當(dāng)瀏覽器的大小改變,父級(jí)元素會(huì)隨之改變,但是設(shè)定Position屬性為absolute的板塊和父級(jí)元素的位置發(fā)生改變,錯(cuò)位了,這就是因?yàn)榇藭r(shí)元素以瀏覽器的右上角為原點(diǎn)的原因。 初學(xué)者很容易犯錯(cuò)的是,不清楚Position屬性為absolute的板塊,若想定位到父級(jí)板塊中,并且當(dāng)瀏覽器的大小改變或顯示器的分辨率改變,布局不發(fā)生改變,是需要滿足兩個(gè)條件的,只要有一點(diǎn)不滿足,元素就會(huì)以瀏覽器左上角為原點(diǎn),從而導(dǎo)致頁面布局錯(cuò)位。

網(wǎng)絡(luò)營銷推廣?。”本﹨R仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:13370157521
業(yè)務(wù)QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號(hào)-1

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗(yàn)
  • 有網(wǎng)站建站隊(duì)伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗(yàn)
  • 致力于營銷型網(wǎng)站建設(shè)
  • 始終堅(jiān)持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號(hào):京ICP備15021091號(hào)-1 版權(quán)所有:匯仁智杰

后入无码| 香蕉资源在线导航| 一道本a√免费视频| 超碰在线一区二| 午夜福利毛片视屏| 色色精品AV影视| www欧美成人在线| 91小黄片免费看| www.91.com亚洲后入| 亚洲夜夜嗨懂色AV| 欧美性激情免费看| 国产日本美国久久久| 草b视频sm| 中文字幕无码av东京热| 亚洲欧洲视频自拍| 颜射综合久久成人AV| 黄片一级一区二区懂| 殴美特黄特一级| 亚洲日韩图区| 久久网国产无码av| 日本一区欧美二区国产三区| 加勒比东京热免费av| 美欧日本国产| 久久av天天日av| 日韩欧美一本正道| 欧美中文字幕伦理| 亚洲图片2区| 精品在线视频韩| 开心五月网AV| 久久66国产麻豆99久久| 一区二区三区波多| 中文字幕玖玖九九| 四月色综合网| 麻豆肏屄天堂激情网| 好好日B无码视频| 同性AV小说| 亚洲免费三区九本道了吧,啊| 国产精品中文一区二区在线| 色域成人亚洲一区| 国产黑人巨大3d中文在线| AV天天做|