CSS的三種定位方式介紹

2022-09-08 11:57:09 字數 443 閱讀 9665

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

本介紹如下。

static預設定位方式

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

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

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

css**如下

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

替他的位置,效果圖

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

絕對定位這裡就是相對於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定位,相對於最近的非標準劉定位,原來的位置消失...