position定位有哪些？各有什么特點(diǎn)？

羅志環(huán) 發(fā)布于2019-08-30 11:25 / 2280人閱讀

摘要：特點(diǎn)改屬性塊狀元素在的情況下為，但是設(shè)置了之后，會(huì)將變成會(huì)受到父元素的寬度影響。即設(shè)置前后的和屬性值不變。會(huì)改變行內(nèi)元素的呈現(xiàn)模式，使之變更為。會(huì)讓元素脫離普通流，不占據(jù)空間。默認(rèn)會(huì)覆蓋到非定位元素上。

osition屬性值:position的屬性值共有四個(gè)常用我們?cè)诓季稚辖?jīng)常會(huì)用到的相對(duì)定位和絕對(duì)定位常用的屬性top、bottom、left、right或者 z-index 聲明在position為static的情況下無(wú)效。

特點(diǎn)：absoluteabsolute fixed改display屬性blockk

1）塊狀元素在position(relative/static)的情況下width為100%，但是設(shè)置了position: absolute之后，會(huì)將width變成auto（會(huì)受到父元素的寬度影響）。

2）元素設(shè)置了position:absolute之后，如果沒(méi)有設(shè)置top、bottom、left、right屬性的話，瀏覽器會(huì)默認(rèn)設(shè)置成auto，而auto的值則是該元素的“默認(rèn)位置”。即設(shè)置position: absolute前后的offsetTop和offsetLeft屬性值不變。
1.會(huì)改變行內(nèi)元素的呈現(xiàn)模式，使display之變更為block。

2.會(huì)讓元素脫離普通流，不占據(jù)空間。

3.默認(rèn)會(huì)覆蓋到非定位元素上。

GPU云服務(wù)器云服務(wù)器 position定位私有云有哪些特點(diǎn) 知識(shí)產(chǎn)權(quán)有哪些特點(diǎn) email營(yíng)銷有哪些特點(diǎn)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/114986.html

相關(guān)文章

2018年底前端面試總結(jié)

摘要：主要是整理一些自己還記得的面試題。標(biāo)注重點(diǎn)的是頻繁出現(xiàn)的，也確實(shí)很重要的知識(shí)點(diǎn)?？傊疃壤斫馀e一反三邏輯清晰表達(dá)流暢。以上，僅供參考。主要是整理一些自己還記得的面試題。很多題目會(huì)根據(jù)項(xiàng)目?jī)?nèi)容提問(wèn)，現(xiàn)在只記得一些比較常規(guī)的問(wèn)題，后面想起來(lái)會(huì)做一些補(bǔ)充。標(biāo)注重點(diǎn)的是頻繁出現(xiàn)的，也確實(shí)很重要的知識(shí)點(diǎn)。 css 盒子模型：ie與其他瀏覽器的區(qū)別，如何改變盒子模型圖形：實(shí)現(xiàn)扇形/圓環(huán)/梯...

妤鋒シ 2019-08-23 13:57 評(píng)論0 收藏0
2018年底前端面試總結(jié)

摘要：主要是整理一些自己還記得的面試題。標(biāo)注重點(diǎn)的是頻繁出現(xiàn)的，也確實(shí)很重要的知識(shí)點(diǎn)?？傊疃壤斫馀e一反三邏輯清晰表達(dá)流暢。以上，僅供參考。主要是整理一些自己還記得的面試題。很多題目會(huì)根據(jù)項(xiàng)目?jī)?nèi)容提問(wèn)，現(xiàn)在只記得一些比較常規(guī)的問(wèn)題，后面想起來(lái)會(huì)做一些補(bǔ)充。標(biāo)注重點(diǎn)的是頻繁出現(xiàn)的，也確實(shí)很重要的知識(shí)點(diǎn)。 css 盒子模型：ie與其他瀏覽器的區(qū)別，如何改變盒子模型圖形：實(shí)現(xiàn)扇形/圓環(huán)/梯...

youkede 2019-08-02 12:13 評(píng)論0 收藏0
2018年底前端面試總結(jié)

摘要：主要是整理一些自己還記得的面試題。標(biāo)注重點(diǎn)的是頻繁出現(xiàn)的，也確實(shí)很重要的知識(shí)點(diǎn)?？傊疃壤斫馀e一反三邏輯清晰表達(dá)流暢。以上，僅供參考。主要是整理一些自己還記得的面試題。很多題目會(huì)根據(jù)項(xiàng)目?jī)?nèi)容提問(wèn)，現(xiàn)在只記得一些比較常規(guī)的問(wèn)題，后面想起來(lái)會(huì)做一些補(bǔ)充。標(biāo)注重點(diǎn)的是頻繁出現(xiàn)的，也確實(shí)很重要的知識(shí)點(diǎn)。 css 盒子模型：ie與其他瀏覽器的區(qū)別，如何改變盒子模型圖形：實(shí)現(xiàn)扇形/圓環(huán)/梯...

Anchorer 2019-08-29 17:30 評(píng)論0 收藏0
【CSS練習(xí)】IT修真院--練習(xí)4-移動(dòng)端界面

摘要：任務(wù)四一個(gè)最常見(jiàn)的移動(dòng)端頁(yè)面完成的事情完成簡(jiǎn)單布局，然后填充界面與效果圖對(duì)比優(yōu)化完成驗(yàn)收要求擴(kuò)展性頂欄固定進(jìn)行樣式兼容性研究完成任務(wù)四深度思考跟隨深度思考師兄建議進(jìn)行修改輸入欄左側(cè)換用輸入限制電話位，密碼位根據(jù)結(jié)構(gòu)的語(yǔ)義化修改嘗試下再加一任務(wù)四、一個(gè)最常見(jiàn)的移動(dòng)端頁(yè)面完成的事情完成簡(jiǎn)單布局，然后填充界面與效果圖對(duì)比優(yōu)化完成驗(yàn)收要求：header擴(kuò)展性 & 頂欄固定進(jìn)行p...

kun_jian 2019-08-29 15:39 評(píng)論0 收藏0
主機(jī)采用什么表示數(shù)據(jù)-主機(jī)與外部設(shè)備之間的數(shù)據(jù)傳送方式有哪些?各有什么特點(diǎn)？

摘要：主機(jī)與外部設(shè)備之間的數(shù)據(jù)傳送方式有哪些各有什么特點(diǎn)有四種傳送方式。分別為程序查詢方式，程序中斷方式，直接存儲(chǔ)器存取方式，以及以及通道控制方式。程序中斷方式特點(diǎn)不僅允許主機(jī)和外設(shè)同時(shí)工作，而且允許一臺(tái)主機(jī)管多臺(tái)外設(shè)。主機(jī)與設(shè)備傳送數(shù)據(jù)時(shí)采用什么方式，主機(jī)與設(shè)備是串行工作？首先，弄清楚題目2113所說(shuō)的主機(jī)5261與設(shè)備的串行工作的意思4102。串行即：不是并行工作，主機(jī)與1653設(shè)備不能同時(shí)工...

robin 2021-09-22 15:15 評(píng)論0 收藏0