成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

css中postion的fixed和absolute區(qū)別

Genng / 782人閱讀

摘要:一直對(duì)的幾個(gè)定位方式不是特別理解,記錄下固定定位,參照位置是瀏覽器窗口的左上角,即坐標(biāo)點(diǎn)為絕對(duì)定位,參展位置是離當(dāng)前元素最近的定位方式為的祖先原則的左上角,舉個(gè)例子我的參照坐標(biāo)是通過(guò)上面的例子,可知的絕對(duì)定位參照點(diǎn)是的父元素是靜態(tài)的定位,不

一直對(duì)positon的幾個(gè)定位方式不是特別理解,記錄下

  

fixed
固定定位,參照位置是瀏覽器窗口的左上角,即坐標(biāo)點(diǎn)為(0px, 0px)

  

absolute
絕對(duì)定位,參展位置是離當(dāng)前元素最近的定位方式為fixed,absolute,relative的祖先原則的左上角,舉個(gè)例子

我的參照坐標(biāo)是id=p2

通過(guò)上面的例子,可知h2的絕對(duì)定位參照點(diǎn)是id=p2的父元素,p3是靜態(tài)的static定位,不能當(dāng)作定位點(diǎn)

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

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

相關(guān)文章

  • csspostionfixedabsolute區(qū)別

    摘要:一直對(duì)的幾個(gè)定位方式不是特別理解,記錄下固定定位,參照位置是瀏覽器窗口的左上角,即坐標(biāo)點(diǎn)為絕對(duì)定位,參展位置是離當(dāng)前元素最近的定位方式為的祖先原則的左上角,舉個(gè)例子我的參照坐標(biāo)是通過(guò)上面的例子,可知的絕對(duì)定位參照點(diǎn)是的父元素是靜態(tài)的定位,不 一直對(duì)positon的幾個(gè)定位方式不是特別理解,記錄下 fixed 固定定位,參照位置是瀏覽器窗口的左上角,即坐標(biāo)點(diǎn)為(0px, ...

    DesGemini 評(píng)論0 收藏0
  • CSS Position(定位)

    摘要:定位的起始位置為此元素原先在檔流的位置。忽略和從父元素繼承該屬性的值以上的和可以使得元素脫離文檔流。絕對(duì)定位脫離檔流的布局,遺留下來(lái)的空間由后的元素填充。默認(rèn)定位表示此元素為默認(rèn)定位式。 Position(定位) position可以取五個(gè)值 參數(shù) 描述 absolute 絕對(duì)定位;脫離?檔流的布局,遺留下來(lái)的空間由后?的元素填充。定位的起始位置為最近的?元素(postio...

    lpjustdoit 評(píng)論0 收藏0
  • 詳解 CSS 屬性 - position

    摘要:屬性定義了一個(gè)元素在頁(yè)面布局中的位置以及對(duì)周?chē)氐挠绊?。元素將?huì)脫離正常的文檔流,所以其周?chē)脑貙?huì)忽略它的存在。此時(shí),我們可以使用等屬性對(duì)元素進(jìn)行絕對(duì)定位。一般情況下定義兩個(gè)屬性,或或。 postion 屬性定義了一個(gè)元素在頁(yè)面布局中的位置以及對(duì)周?chē)氐挠绊?。該屬性共?個(gè)值: position: absolute position: relative position...

    joywek 評(píng)論0 收藏0
  • 詳解 CSS 屬性 - position

    摘要:屬性定義了一個(gè)元素在頁(yè)面布局中的位置以及對(duì)周?chē)氐挠绊?。元素將?huì)脫離正常的文檔流,所以其周?chē)脑貙?huì)忽略它的存在。此時(shí),我們可以使用等屬性對(duì)元素進(jìn)行絕對(duì)定位。一般情況下定義兩個(gè)屬性,或或。 postion 屬性定義了一個(gè)元素在頁(yè)面布局中的位置以及對(duì)周?chē)氐挠绊憽T搶傩怨灿?個(gè)值: position: absolute position: relative position...

    CastlePeaK 評(píng)論0 收藏0
  • CSS學(xué)習(xí)筆記之定位

    摘要:的盒子及相關(guān)盒子基礎(chǔ),,版式邊框??梢栽O(shè)置盒子內(nèi)容區(qū)與邊框的間距。將其設(shè)為則其空間可以被復(fù)用。把圖片調(diào)整到像素寬,像素高。拉大圖片,使其完全填滿(mǎn)背景區(qū)保持寬高比。簡(jiǎn)寫(xiě)簡(jiǎn)寫(xiě)后可以添加多張背景圖片,用,隔開(kāi),最先添加的在上層 CSS的盒子及相關(guān) 盒子基礎(chǔ) postion,float,display——版式 ? 邊框(border)??梢栽O(shè)置邊框的寬窄、樣式和顏色。 ? 內(nèi)邊距(pa...

    Lavender 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<