position:absolute;
設定了絕對定位的元素會原地上飄,類似與浮動,會脫離預設元素普通流布局。
同時絕對定位的預設是相對與瀏覽器本身的。
>
>
.box1
style
>
head
>
>
class
="box01"
>
div>
class
="box02"
>
div>
class
="box03"
>
div>
body
>
相對定位的相對是相對於父級來說的。 position: relative;
>
>
.box
.son
style
>
head
>
>
class
="box"
>
class
="son"
>
div>
div>
body
>
效果圖:相對與粉色區域的定位。
所謂的固定定位實際上是相對於瀏覽器的頁面而定位的,這裡和絕對定位有著很大的區別,如果乙個介面有著滾動條,而若移動滾動條,固定定位的區域會相對著滾條「移動」,而絕對定位的區域會保持不動。
position: fixed;**和上面類似。
>
>
divstyle
>
head
>
>
>
div>
body
>
父級是相對定位,而子級是絕對定位,其效果和相對定位相同。
>
.fa.son
style
>
偽類樣式滑鼠懸浮效果:
div:hover img
hover前面是作用與哪個地方,hover後面是滑鼠放在hover前面區域改變的樣式。(值得注意的是這種必須是懸浮父類,改變子代否則無效)。
>
charset
="utf-8"
>
>
title
>
>
div/* div:hover */
div:hover img
imgstyle
>
head
>
>
>
src=""
alt="
">
div>
body
>
/* z-index: -2; */
display: none;
}
``` CSS樣式 定位
定位方式 偏移 static 所有不設定定位的元素,定位方式都是static 預設 1.不脫離標準流 2.偏移不起作用 top right bottom left 3.消除定位 實戰中的應用 relative 相對定位 1.不脫離標準流 2.偏移起作用 top right bottom left,起...
CSS樣式的定位
當元素沒有position定位屬性時,所有元素按照他們自己的定位標準進行定位,比如說 每乙個div標籤就佔一行。但是當元素我有了position屬性,那麼div原先占有一行的屬性就被覆蓋掉了 可以說沒有用了 例 控制代碼1控制代碼2 containr 控制代碼控制代碼cont 結果 現在來看看abs...
11 按值定位
根據使用者輸入的元素,查詢這個元素在鍊錶中是第幾個 1 按值定位 2 3 include4 include56 鍊錶中節點的結構 7 typedef struct link link 1112 鍊錶初始化 13 link initbytailinsert 2930 printf 頭指標指向的值是 d...