CSS positon absolute

最新推荐文章于 2024-07-02 15:12:39 发布

M小卢

最新推荐文章于 2024-07-02 15:12:39 发布

阅读量583

点赞数

分类专栏： CSS

CSS 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了CSS中position属性的四种类型：static、relative、absolute及fixed，并通过实例解释了这些定位方式如何工作，包括如何相对于父元素或浏览器窗口进行元素定位。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

positon有4个属性:static relative absolute fixed,默认的时候是static即静止定位,是按照元素在(x)html出现的顺序依次分配位置,
static是不受top right left bottom影响的.
当父层a的position设为relative(相对定位) 子层b的position设为(绝对定位)时,b的偏移是相对于父层a来定位,例如top:10px的偏移量就使b的顶部和a的顶部有10px的距离.
但是如果a没有设置relative 而b设为absolute,b的定位就是相对于浏览器进行,此时top:10px会使b出现在离浏览器上方10px的地方.