美文网首页
【CSS】定位 position

【CSS】定位 position

作者: 凝黛色 | 来源:发表于2019-03-16 20:32 被阅读0次

position

{
    attribute: position
    value: static | relative | absolute | fixed | inherit
    initValueL: static
}

static 元素框正常形成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或者多个
行框,置于其父元素中。

  • 包含块


  • 绝对定位 position:absoute

元素绝对定位时,会从文档流中完全删除。然后相对于其包含块定位,其边界根据偏移属性放置。定位元素不会流入其他元素的内容
绝对定位元素的包含块是最近的position值不为static的祖先元素。

  • 固定定位 position:fixed

固定元素的包含块是视窗,固定元素定位时,元素会从文档流中去除。

  • 相对定位 position:relative

元素相对定位时,会从原来的位置移走,但原来所占的空间并不会消失。

相关文章

  • css学习笔记:定位position

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

  • css入坑之二

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

  • css粘性定位position: sticky

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

  • HTML&&CSS初学问题汇总

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

  • 2019-01-04

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

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

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

  • CSS - 定位

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

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

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

  • 前端

    一、定位 CSS position 属性 通过使用 position 属性,我们可以选择 4 种不同类型的定位,这...

  • [note] CSS 定位position|z-index

    内容概述 一. CSS属性 - position CSS属性 - positionstatic:静态定位relat...

网友评论

      本文标题:【CSS】定位 position

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