css中的position属性

您所在的位置:网站首页 css中position属性指定了元素的定位类型 css中的position属性

css中的position属性

2024-07-11 23:44| 来源: 网络整理| 查看: 265

position 属性指定了元素的定位类型。 position 属性的值有5个:

static(默认) relative(相对定位) absolute(绝对定位) fixed(窗口) sticky(粘性定位) 元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非是先设定position属性。他们也有不同的工作方式,这取决于定位方法。 position属性 static relative(相对定位)和absulote(绝对定位) fixed定位 sticky定位 重叠的元素 static

HTML 元素的默认值,即没有定位,遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。

relative(相对定位)和absulote(绝对定位)

CSS position 相对定位和绝对定位

relative:相对于原来位置移动,元素设置此属性之后仍然处在文档流中,不影响其他元素的布局 absolute:定位是相对于离元素最近的设置了绝对或相对定位的父元素决定的,如果没有父元素设置绝对或相对定位,则元素相对于根元素即html元素定位。设置了absolute的元素脱离了文档流,元素在没有设置宽度的情况下,宽度由元素里面的内容决定。脱离后原来的位置相当于是空的,下面的元素会来占据位置。 脱离文档流的效果 类似于 word 里面的图片



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3