美文网首页
【CSS学习笔记20】-position 属性1

【CSS学习笔记20】-position 属性1

作者: 兔小小 | 来源:发表于2023-10-28 22:58 被阅读0次

position 属性

position属性指定用于元素的定位方法的类型。

它有五个不同的位置值:

static
relative
fixed
absolute
sticky

然后使用 top, bottom, left, 和 right 定位元素。但是,除非首先设置该属性,否则这些属性将不起作用。它们的工作方式也因position的值而异。

位置:static

默认情况下,HTML 元素是静态定位的。

静态定位元素不受 top、bottom、left 和 right 属性的影响。

元素 with 未以任何特殊方式定位;是的 始终根据页面的正常流程进行定位:position: static;

div.static {
  position: static;
  border: 3px solid #73AD21;
}

相关文章

  • BFC

    1. CSS定位属性: position 1.1 定义及常见的属性值 1.1.1 定义: position 属性指...

  • CSS-position-2

    CSS-position系列属性 CSS-position系列属性总结,写记下来,希望对大家有帮助,供新人学习,老...

  • css定位

    CSS position属性 CSS display属性 CSS float属性 (引用:https://www...

  • CSS - 定位属性position使用详解(static、re

    position 属性介绍 (1)position 属性自 CSS2 起就有了,该属性规定元素的定位类型。所有主流...

  • CSS定位网页元素

    position 属性 position 属性与float属性一样,在css排版中都非常重要。position顾名...

  • 相对定位,绝对定位,浮动

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

  • 一些前端布局笔记

    学习学习布局的笔记 1.让padding属性和border属性不增加盒子的大小 2.position属性有:sta...

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

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

  • CSS position属性和实例应用

    CSS position属性和实例应用

  • 2019-01-04

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

网友评论

      本文标题:【CSS学习笔记20】-position 属性1

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