CSS的三種定位方式介紹

在css中一共有n種定位方式，其中，static ,relative,absolute三種方式是最基本最常用的三種定位方式。他們的基

本介紹如下。

static預設定位方式

relative相對定位，相對於原來的位置，但是原來的位置仍然保留

absolute定位，相對於最近的非標準劉定位，原來的位置消失，被後邊的位置所頂替

下面先演示相對定位的案例

內容一內容二內容三

內容四

css**如下

.style1 #special

其中的left是值擴大left的長度，也就是向右移動，當然了，是相對於這個模組的原來的位置。他的後面的元素不會頂

替他的位置，效果圖

然後是絕對定位。其中，html**不變，至改變了css**

.style1 #special

絕對定位這裡就是相對於body這個元素的絕對定位，當然了，當他的最近處有乙個非標準流的東西，他就會跟那個非

標準流為標準進行配對。

效果如如下

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定位，相對於最近的非標準劉定位，原來的位置消失...