美文网首页
CSS Position定位理解

CSS Position定位理解

作者: louiebb | 来源:发表于2018-10-25 16:43 被阅读16次

postion 在css中有以下属性

static:静态布局(标准文档流)

默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

fixed:固定定位(脱离文档流)

不占位置,固定在某个地方,top, bottom, left, right 或者 z-index 都有效,但受限于就近的有“定位”的父级元素,既王者也怕爸爸。

absolute:绝对定位(脱离文档流)

不占位置,top, bottom, left, right 或者 z-index 都有效,受限于定位父级元素,也怕粑粑

relative:相对定位(标准文档流)

占位置,类似灵魂出窍,top, bottom, left, right 或者 z-index 都有效,受限于定位父级元素,也怕父亲

相关文章

  • HTML&&CSS初学问题汇总

    CSS Position定位理解:https://www.runoob.com/css/css-positioni...

  • CSS Position定位理解

    postion 在css中有以下属性 static:静态布局(标准文档流) 默认值。没有定位,元素出现在正常的流中...

  • css学习笔记:定位position

    css position定位 position选值类型: static:默认状态,不开启定位 relative:相...

  • css入坑之二

    css的元素定位->position属性 1.position:absolute 绝对定位。绝对定位是子元素相对于...

  • css粘性定位position: sticky

    css粘性定位position:sticky问题采坑position: sticky 详解(防坑指南)CSS中po...

  • 2019-01-04

    CSS布局1 说起布局就需要谈谈定位 谈及定位,我就得说说position属性 position static :...

  • 2017-12-30

    position:absolute and position:relative 的理解 Absolute,CSS中...

  • CSS定位与浮动2016/6/12

    CSS 定位 (Positioning) CSS 有三种基本的定位机制:普通流、浮动和绝对定位。 position...

  • CSS - 定位

    CSS 中的层级概念 CSS中分为3层 最上层:定位元素层(position:relative、position:...

  • 二十,CSS定位概述与相对定位

    CSS定位:position:relative(相对)/absolute(绝对)/ static(无定位)/ fi...

网友评论

      本文标题:CSS Position定位理解

      本文链接:https://www.haomeiwen.com/subject/rokctqtx.html