摘要:屬性有種值表示沒有定位,元素出現在正常的文檔流中。為靜態定位的元素設置不起作用。元素的位置相對于瀏覽器窗口是固定位置。定位使得元素脫離了文檔流,因而不占據空間。設置了絕對定位的元素寬高由其內部元素撐起。
position 屬性指定了html元素的定位類型。
position 屬性有 4 種值:
1. static(default)
表示沒有定位,元素出現在正常的文檔流中。
為靜態定位的元素設置 top|bottom|left|right 不起作用。
2. fixed
元素的位置相對于瀏覽器窗口是固定位置。
即使瀏覽器的窗口是滾動的它也不會移動。
fixed定位使得元素脫離了文檔流,因而不占據空間。
設置了固定定位的元素寬高由其內部元素撐起。
3. relative
相對定位的元素是相對其正常位置。
由截圖可以看出來,元素相對其正常位置向下向右移動了100px,但是它原本所占的空間并不會改變。
并且其后的同一個父容器里的元素會一起相對向下向右移動100px,與其父容器平級容器里的元素不受影響。
相對定位元素經常被作為絕對定位元素的容器塊。
4. absolute
絕對定位的元素的位置是相對其最近的已定位父元素(也就是除static之外),如果找不到已定位的父元素,那么就相對于元素。
absolute定位使得元素脫離了文檔流,因而不占據空間。
設置了絕對定位的元素寬高由其內部元素撐起。
ps: 5. sticky 粘性定位 ???
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/114189.html
摘要:如果只指定其中一個值,另一個值會被設定為因此可以和混用。通過設定負的,背景圖像的一部分被拖拽到父元素之外,從而在父元素之內顯示要顯示的內容。隨著的普及,相信漸變將成為主流。可以顯示的顯示范圍。 作為一個有理想有包袱的頁面仔,正像鑫哥在這篇文章說說CSS學習中的瓶頸(強烈推薦)里說的 其實,廣大頁面屌絲們并不畏懼那些學習能力強的人,畏懼的是那些學習能力強,同時,尼瑪學習又拼命的人。頁面仔...
摘要:最常見的有簡稱和簡稱。的區域不會與重疊。也就是說只要父容器形成就可以,觸發方式見上清除浮動比較好的方法以上用,用更好的方法自適應布局觸發自適應屬性對比參考資料張鑫旭老師的博客 本文是從之前的csdn上的亂七八糟的筆記整理過來的 概念 Formatting context 是 W3C CSS2.1 規范中的一個概念。它是頁面中的一塊渲染區域,并且有一套渲染規則,它決定了其子元素將如何...
摘要:的概念以及作用的概念以及作用的定義的定義直譯為塊級格式化上下文。是的首字母縮寫,直譯過來是格式化上下文,它是頁面中的一塊渲染區域,有一套渲染規則,決定了其子元素如何布局,以及和其他元素之間的關系和作用。BFC的概念以及作用 BFC的定義: (Block formatting context)直譯為塊級格式化上下文。它是一個獨立的渲染區域,只有Block-level box參與, 它規定了內...
摘要:絕對單位英寸磅相對單位與元素字號掛鉤與元素字體的高度掛鉤與根元素字號掛鉤與像素掛鉤另一屬性值的百分比。定義基于父元素寬度的百分比的縮進。參考權威教程節樣式可以使用百分比的屬性總結淺析屬性之中經常出現的百分比 起源:一道面試題(貓眼電影) 問題:css中的單位都有哪些?可以取百分數的單位有哪些?其中margin-top取百分數時是相對于誰來計算的? 回答: (1)css中的單位:CSS規...
摘要:滿足單頁面的需求。的原理略微復雜一點,它可以通過去變動內容,不會造成頁面刷新。既然瀏覽器不會刷新。這樣的話,就可以做到刷新頁面不崩的效果。如果有服務器部署基礎的可以拿此類的服務器試試,我自己這邊是默默地拿著配置成功了 先解釋下基本概念hashhash 不是那個哈希算法,就是以前url用的錨點,以前是多用來定位頁面展示內容。代表符號是#之所以用hash是因為他既可以獲取到,又可以不去刷新...
閱讀 902·2021-11-22 13:53
閱讀 2532·2021-10-15 09:40
閱讀 1000·2021-10-14 09:42
閱讀 3474·2021-09-22 15:59
閱讀 887·2021-09-02 09:47
閱讀 2366·2019-08-30 15:54
閱讀 1438·2019-08-29 17:14
閱讀 399·2019-08-29 15:15