摘要:相對定位不影響元素本身的特性不使元素脫離文檔流元素移動之后原始位置會被保留相對于其正常位置進行定位。
1、相對定位:
a、不影響元素本身的特性;
b、不使元素脫離文檔流(元素移動之后原始位置會被保留);
c、相對于其正常位置進行定位。如果沒有定位偏移量,對元素本身沒有任何影響;
d、提升層級
2、絕對定位:
a、使元素完全脫離文檔流;
b、使內(nèi)嵌支持寬高;
c、塊屬性標(biāo)簽內(nèi)容撐開寬度;
d、如果有定位父級相對于第一個定位父級發(fā)生偏移,沒有定位父級相對于document發(fā)生偏移;
e、相對定位一般都是配合絕對定位元素使用;
f、提升層級
3、固定定位:相對于瀏覽器窗口進行定位
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/117318.html
摘要:絕對定位元素從文檔流刪除,并相對于包含塊定位。固定定位元素從文檔流刪除,并相對于瀏覽器視窗定位,因此不隨文檔滾動而移動。 定位(position) position: relative/absolute/fixed/static/inheri absolute :生成絕對定位的元素, 相對于最近一級的 定位不是 static 的父元素來進行定位。 fixed (老IE不支持)生成絕...
摘要:生成相對定位的元素,相對于元素本身正常位置進行定位。元素的位置通過以及屬性進行規(guī)定。因為絕對定位與文檔流無關(guān),所以絕對定位的元素可以覆蓋頁面上的其他元素,可以通過屬性控制疊放順序,越高,元素位置越靠上。頁面布局,或者是在頁面上做些小效果的時候經(jīng)常會用到 display,position和float 屬性,如果對它們不是很了解的話,很容易出現(xiàn)一些莫名其妙的效果,痛定思痛讀了《CSS Maste...
摘要:有三種情況將使得元素脫離文檔流而存在,分別是浮動,絕對定位,固定定位。我的回答是相對自己文檔流中的原始位置定位。這里就不解釋脫離文檔流的問題,主要研究它的定位問題。 一 前言 CSS定位是CSS布局只能夠重要的一環(huán)。本篇文章帶你解讀定位屬性,可以讓你更加深入的理解定位帶來的一些特性,熟練使用CSS布局。 二 正文 1.文檔流布局的概念 將窗體自上而下分成一行行, 并在每行中按從左至右的...
摘要:講固定定位固定定位與上一講的絕對定位很相似,不同點是固定定位永遠(yuǎn)是瀏覽器窗口左上角不會隨著滾軸滾動,常用來做廣告講元素的層級相對定位沒有脫離文檔流,但是會靈魂出竅進行元素遮蓋。 71講 固定定位 固定定位與上一講的絕對定位很相似,不同點是: 固定定位永遠(yuǎn)是瀏覽器窗口左上角 不會隨著滾軸滾動,常用來做廣告 72講 元素的層級 相對定位沒有脫離文檔流,但是會靈魂出竅進行元素遮蓋。絕對定...
閱讀 1711·2021-10-13 09:39
閱讀 3182·2021-10-12 10:11
閱讀 573·2021-09-28 09:36
閱讀 2688·2019-08-30 15:55
閱讀 1409·2019-08-30 13:04
閱讀 656·2019-08-29 17:08
閱讀 1934·2019-08-29 14:14
閱讀 3430·2019-08-28 18:23