固定定位:現對於瀏覽器視窗進行定位 ( 固定元素不會隨,頁面翻滾而滾動 )
**–>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 定位型別類似,但它的相對移動的座標是檢視 螢幕內的網頁視窗 本身。由於檢視本身是固定的,它不會隨瀏覽器視窗的滾動條滾動而變化,除非你在螢幕中移動瀏覽器視窗的螢幕位置,或改變瀏覽器視窗的顯示大小,因此 固定定位 的元素會始終位於瀏覽器視窗內...