position的默认值
Position的默认值
Position是CSS中常用的属性之一,用于设置元素的定位方式。在CSS中,Position有四种取值:static、relative、absolute和fixed。其中,static是默认值。
一、Static
Static是元素的默认定位方式。当没有设置任何定位属性时,元素会自动采用Static定位方式。Static定位不会受到top、right、bottom和left等属性的影响,元素会根据文档流自动排列。
二、Relative
Relative相对于元素原本的位置进行定位。相对定位不会使元素脱离文档流,所以其他元素位置不会改变。当使用top、right、bottom和left等属性时,元素会相对于原本位置进行偏移。
三、Absolute
Absolute是相对于最近的已经定位(position值为relative或absolute)父级元素进行定位。如果没有已经定位的父级元素,则以body为基准进行偏移。Absolute能够使元素脱离文档流,并且不占据原本位置。
四、Fixed
css固定定位Fixed是相对于浏览器窗口进行定位。Fixed能够使元素脱离文档流,并且不占据原本位置。当滚动页面时,Fixed会固定在浏览器窗口中指定位置。
总结:
CSS中Position属性有四种取值:static、relative、absolute和fixed。其中Static是默认值。Static定位不会受到top、right、bottom和left等属性的影响,元素会根据文档流自动排列。其他三种定位方式都能够使元素脱离文档流,并且不占据原本位置。Relative相对于元素原本的位置进行定位,Absolute是相对于最近的已经定位(position值为relative或absolute)父级元素进行定位,而Fixed是相对于浏览器窗口进行定位。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论