CSS定位機制

2021-08-19 15:17:26 字數 453 閱讀 4208

在css的定位機制中,分別有如下三種:

1.文件流 2.浮動(float)3.定位(position)

所謂文件流,即元素排版布局過程中,元素會自動從左往右,從上到下的流式排列。

脫離文件流,即將元素從普通的布局排版中拿走(打亂排列順序),其他盒子在進行定位的時候,會當做脫離文件流的元素不存在而進行定位。ps:只有絕對定位absolute和浮動float才會脫離文件流。

position:absolute

生成絕對定位的元素,相對於static定位以外的第乙個父元素進行定位,脫離文件流;

position:fixed

生成絕對定位的元素,相對於瀏覽器視窗進行定位;

position:relative

生成相對定位的元素,相對於其正常位置進行定位,即在原本的上下左右之間,上下左右的元素保持不變,不會脫離文件流。

float:left 脫離文件流

css定位機制

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

CSS定位機制

將各個盒子進行定位 是一種預設方式,各個盒子從上到下,從左到右排列 元素分為三類,包括block inline inline block型別 display none 元素不被顯示 像影象軟體中的圖層一樣可以對每個layer能夠精確定位操作,用position屬性 相對於誰定位 進行設定 通過top...

css定位機制

每次用div css布局的時候都混亂的不行,所以決定仔細梳理一遍,加強理解和記憶 css 有三種基本的定位機制 普通流 浮動和絕對定位。除非專門指定,否則所有框都在普通流中定位。塊級框從上到下乙個接乙個地排列,框之間的垂直距離是由框的垂直外邊距計算出來。行內框在一行中水平布置。可以使用水平內邊距 邊...