IT培訓(xùn)網(wǎng)
IT培訓(xùn)
Java培訓(xùn)
軟件測(cè)試培訓(xùn)
Web培訓(xùn)
Linux培訓(xùn)
Python培訓(xùn)
互聯(lián)網(wǎng)營(yíng)銷培訓(xùn)
UI培訓(xùn)
大數(shù)據(jù)培訓(xùn)關(guān)注我們
官方公眾號(hào) 回復(fù)"大禮包"享福利 
領(lǐng)學(xué)習(xí)資料 分享IT知識(shí) IT在線學(xué)習(xí)
熱門(mén)課程 更多 >
關(guān)注我們
掃碼領(lǐng)資料 零基礎(chǔ)學(xué)IT 微信掃碼關(guān)注 回復(fù)“大禮包”享福利 IT培訓(xùn)網(wǎng)
官方公眾號(hào) 回復(fù)"大禮包"享福利 領(lǐng)學(xué)習(xí)資料 分享IT知識(shí) IT在線學(xué)習(xí)
掃碼領(lǐng)資料 零基礎(chǔ)學(xué)IT 微信掃碼關(guān)注 回復(fù)“大禮包”享福利 
閱讀()
分享
手機(jī)端入口
在前端頁(yè)面開(kāi)發(fā)中，要實(shí)現(xiàn)復(fù)雜頁(yè)面的布局，必須根據(jù)不同的設(shè)計(jì)尋求不同的CSS定位機(jī)制。CSS有三種基本定位機(jī)制：標(biāo)準(zhǔn)流，浮動(dòng)，定位，今天小編先給大家介紹一下定位。
定位(position)
顧名思義，你想定哪就定哪;
元素的定位屬性主要包括兩部分：定位模式和邊偏移
（1）定位模式
定位的語(yǔ)法：position：屬性值;
position屬性常用的值
static自動(dòng)定位(默認(rèn)定位方式)
relative相對(duì)定位，相對(duì)于其原文檔流的位置進(jìn)行定位
absolute絕對(duì)定位，相對(duì)于其上一個(gè)已經(jīng)定位的父元素進(jìn)行定位
fixed固定定位，相對(duì)于瀏覽器窗口進(jìn)行定位
1）靜態(tài)定位(static)
文檔流中的默認(rèn)位置，標(biāo)準(zhǔn)流特性。
取消定位會(huì)用到：position: static;
HTML
CSS
不能使用偏移屬性。
2）相對(duì)定位(relative)
相對(duì)定位是將元素相對(duì)于它在標(biāo)準(zhǔn)流中的位置進(jìn)行定位，當(dāng)position屬性的取值為relative時(shí)，可以將元素定位于相對(duì)位置。
HTML
CSS
瀏覽器
對(duì)元素設(shè)置相對(duì)定位后，可以通過(guò)邊偏移屬性改變?cè)氐奈恢茫撬谖臋n流中的位置仍然保留，不脫標(biāo)。
CSS
瀏覽器
相對(duì)定位的元素不轉(zhuǎn)行內(nèi)塊
>>本文地址：http://www.yceu.cn/zhuanye/2020/48593.html
聲明:本站稿件版權(quán)均屬中公教育優(yōu)就業(yè)所有，未經(jīng)許可不得擅自轉(zhuǎn)載。
1 您的年齡
2 您的學(xué)歷
3 您更想做哪個(gè)方向的工作？
大前端
大數(shù)據(jù)
互聯(lián)網(wǎng)營(yíng)銷
Java
Linux
Python
嵌入式
全域電商運(yùn)營(yíng)
軟件測(cè)試
室內(nèi)設(shè)計(jì)
平面設(shè)計(jì)
電商設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)
UI設(shè)計(jì)
VR/AR
網(wǎng)絡(luò)安全
新媒體
直播帶貨
智能機(jī)器人07月15日Java
咨詢/試聽(tīng)07月15日Python+人工智能
咨詢/試聽(tīng)07月15日Web前端
咨詢/試聽(tīng)07月15日UI設(shè)計(jì)
咨詢/試聽(tīng)07月15日大數(shù)據(jù)
咨詢/試聽(tīng)07月15日Java
咨詢/試聽(tīng)07月15日Python+人工智能
咨詢/試聽(tīng)07月15日Web前端
咨詢/試聽(tīng)07月15日UI設(shè)計(jì)
咨詢/試聽(tīng)07月15日大數(shù)據(jù)
咨詢/試聽(tīng)
中公教育IT培訓(xùn)品牌
400-650-7353
Copyright©1999-
北京中公教育科技有限公司 .All Rights Reserved
京ICP備10218183號(hào)-88
京ICP證161188號(hào)
京公網(wǎng)安備11010802020723號(hào)
投訴建議：400-650-7353
