css的三種引用方式:相對定位(relative)、絕對定位(absolute)、固定定位(fixed)。
被看作普通流定位模型的一部分,定位元素的位置相對於它在普通流中的位置進行移動。使用相對定位的元素不管它是否進行移動,元素仍要佔據它原來的位置。移動元素會導致它覆蓋其他的框。
lang="en">
charset="utf-8">
documenttitle>
.p1 .p2
.p3style>
head>
class="p1">我是相對定位div>
class="p2">我是相對定位div>
class="p3">我是相對定位div>
body>
html>
對於已定位的最近的祖先元素,如果沒有已定位的最近的祖先元素,那麼它的位置就相對於最初的包含塊(如body)。絕對定位的框可以從它的包含塊向上、右、下、左移動。
絕對定位的框脫離普通流,所以它可以覆蓋頁面上的其他元素,可以通過設定z-iindex屬性來控制這些框的堆放次序。
lang="en">
charset="utf-8">
documenttitle>
#p1 #p2
style>
head>
id="p1">
id="p2">
div>
div>
body>
html>
相對於瀏覽器視窗,其餘的特點類似於絕對定位。
lang="en">
charset="utf-8">
documenttitle>
#p1
style>
head>
id="p1">
div>
body>
html>
CSS的三種定位方式介紹
在css中一共有n種定位方式,其中,static relative,absolute三種方式是最基本最常用的三種定位方式。他們的基 本介紹如下。static預設定位方式 relative相對定位,相對於原來的位置,但是原來的位置仍然保留 absolute定位,相對於最近的非標準劉定位,原來的位置消失...
CSS的三種定位方式介紹
在css中一共有n種定位方式,其中,static relative,absolute三種方式是最基本最常用的三種定位方式。他們的基 本介紹如下。static預設定位方式 relative相對定位,相對於原來的位置,但是原來的位置仍然保留 absolute定位,相對於最近的非標準劉定位,原來的位置消失...
CSS的三種定位方式介紹
在css中一共有n種定位方式,其中,static relative,absolute三種方式是最基本最常用的三種定位方式。他們的基 本介紹如下。static預設定位方式 relative相對定位,相對於原來的位置,但是原來的位置仍然保留 absolute定位,相對於最近的非標準劉定位,原來的位置消失...