二十六,固定定位

2021-10-12 06:02:28 字數 2802 閱讀 2169

固定定位:現對於瀏覽器視窗進行定位 ( 固定元素不會隨,頁面翻滾而滾動 )

**–>position:fixed;

>

>

charset

="utf-8"

>

>

documenttitle

>

>

.test1

.test2

.test3

style

>

head

>

>

class

="main"

>

class

="test1"

>

慕課網div

>

class

="test2"

>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

>

作為父容器時,是使用相對定位還是絕對定位:

當父一級div中只有一組子元素的時候,使用relative(相對定位)或absolute(絕對定位)都可以達到移動效果。

但當父容器中還有其他組的子元素時,就要考慮是否破快文件流(是否使用absolute進行頁面布局)

p>

div>

class

="test3"

>

慕課網div

>

div>

body

>

html

>

絕對定位和固定定位

絕對定位 定位 基於 定位,上下左右 沒有父級元素定位的前提下,相對於瀏覽器定位 假設父級元素存在定位,我們通常會相對於父級元素進行偏移 在父級元素範圍內移動 相對於父級或瀏覽器的位置,進行指定的偏移,絕對定位的話,它不在標準文件流中,原來的位置不會被保留 lang en charset utf 8...

相對定位 絕對定位 固定定位

設定position屬性值為static的元素是乙個靜態定位元素,此值為預設值,即此元素在正常文件流中。設定position屬性為relative的元素是乙個相對定位元素,其定位的參照物為元素本身 即元素原本的位置進行定位 例項 parent child style class parent cla...

css的固定定位

三 固定定位 fixed 表示固定定位,與 absolute 定位型別類似,但它的相對移動的座標是檢視 螢幕內的網頁視窗 本身。由於檢視本身是固定的,它不會隨瀏覽器視窗的滾動條滾動而變化,除非你在螢幕中移動瀏覽器視窗的螢幕位置,或改變瀏覽器視窗的顯示大小,因此 固定定位 的元素會始終位於瀏覽器視窗內...