十八,定位機制

2021-10-12 04:19:03 字數 462 閱讀 8953

定位機制:(主要針對塊級元素)

有2種:

1,(標準)文件流(從上到下依次排列,中間沒有改變任何布局和位置,如截圖)

2,脫標流:(脫離標準文件流)有兩種,分別是float,position:absolute),稱為浮動,也稱為position的實現效果(讓塊級元素實現從左到右,從上往下)

比如讓內容4脫離文件流,出現在內容2的後面

文件流特點:

1,空白摺疊現象(把編輯區里的換行的回車顯示為空格)

2,高矮不齊,底邊對齊

3,自動換行,一行寫滿,換行寫(不是指瀏覽器從左到右寫滿,指的是當前的容器一行寫滿再換行)

定位體系(定位機制)

1 定位體系的意義 2 定位體系的分類 3 常規流 normal flow 4 浮動 floats 5 絕對定位 absolute positioning 6 選擇定位方案 css2.1中,乙個框 box,就是元素形成的方塊等 可以根據三種定位體系布局。css2.1中的定位體系幫助作者使他們的文件更...

css定位機制

定位屬性position 相生相剋 1 static 靜態定位 2 relative 相對定位 相對於自己原來的位置定位 3.absolute 絕對定位 float 具有強大的破壞性,父容器管不住 4.fixed 固定定位 相對於瀏覽器定位不是相對於文件定位 css其他定位屬性 1 z index ...

CSS定位機制

在css的定位機制中,分別有如下三種 1.文件流 2.浮動 float 3.定位 position 所謂文件流,即元素排版布局過程中,元素會自動從左往右,從上到下的流式排列。脫離文件流,即將元素從普通的布局排版中拿走 打亂排列順序 其他盒子在進行定位的時候,會當做脫離文件流的元素不存在而進行定位。p...