CSS定位機制

2021-09-24 16:27:40 字數 395 閱讀 3615

將各個盒子進行定位

是一種預設方式,各個盒子從上到下,從左到右排列

元素分為三類,包括block、inline、inline-block型別

display:none——元素不被顯示

像影象軟體中的圖層一樣可以對每個layer能夠精確定位操作,用position屬性(相對於誰定位)進行設定

通過top、right、bottom、left,z-index來設定相對於參照物的位置,z-index值大的在上面,值小在下面,逐層排列

z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面

position取值:

無論參照物是誰,座標原點始終在參照物的左上角

css定位機制

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

CSS定位機制

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

css定位機制

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