CSS position定位之static

原创于 2020-11-24 17:48:23 发布 · 5.6k 阅读

9 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

前端--CSS

本文详细介绍了CSS中position属性的static值，包括它的特点：作为默认定位方式，不改变元素默认位置，top等属性无效，元素不会重叠，且外边距合并。理解这些概念对于布局和页面元素定位至关重要。

CSS position定位之static

1.static是position属性的默认值。
2.top、bottom、left、right、z-index 属性不起作用
3.元素和元素之间不会重叠，这个位置就是元素的默认位置
4.相邻元素都设置外边距，最终外边距=两者外边距中最大的
5.左右外边距设置auto,这个块水平居中

忽略 top, bottom, left, right 或者 z-index 声明，解释如下：
absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative：生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit：规定应该从父元素继承 position 属性的值。

标签

#css #定位