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

Web前端知識

首頁 > 免費 > Web前端知識 >

DIV+CSS布局之position屬性:absolute

來源:北京匯仁智杰科技有限公司   時間:2015-12-18   點擊:

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

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

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

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

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

  第一:設(shè)定TRBL

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

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

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

網(wǎng)絡(luò)營銷推廣 . 北京匯仁智杰科技有限公司!

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

匯仁智杰與眾不同

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

亚洲精品在線视頻| 国产色情乱码久久久久一区二区| 岛国片99在线| 欧美黑人粗大久久久| 日韩综合精品中文字幕综合网| 日本在线不卡9999| 九色91精品国产66| 日韩午夜影片| 欧美亚洲综合欧美综合| 大香蕉久久艹| 无码精品国产96久久久| 在线视频播放97| 丁香五月婷婷嗯嗯嗯| yiquerqusanqu在线| AV情色亚洲一区二区久久久| 日本做爱高潮91| 白丝国产一区| 国产AI精品美女操B| 国产裸体美女免费观看视频| 97精品在线观看观看| 欧美日韩成人在线视频观看| 一区二区三区四区五区六区鸡巴日逼| 色亚洲五月| 中日韩一二三区| 亚洲麻豆AVI| 久久九精品国区| 少妇大香蕉做爱在线观看| 无码Av第一页| 源一区二区| 后入射人妻| 亚洲中字一区二区| 欧美精品一区国产久日本| 操小骚逼网址| 国产色A级网站| 日B视频道| 久久久久久久长色| 日本久久终合网| 亚洲成人区精品电影| 日韩免费伦理视频| 日本爱爱一区不卡| 国产白浆一区二区三区在线|