css占位符(css位置属性)

  CSS定位属性是用于控制网页中元素位置的一种方式,它能够让元素在页面上精准地落在我们想要的位置。

image.png

  在CSS中,定位(Positioning)是控制元素在页面上如何定位和显示的一种机制。它主要包括四种属性:静态定位(static)、相对定位(relative)、绝对定位(absolute)、固定定位(fixed)。

  每种定位方式都有其独特的特点和使用场景,下面将分别介绍这几种定位属性。

  (1)static

  static是position属性的默认值,默认情况下,块级元素和行内元素按照各自的特性进行显示

  (2)relative

  relative翻译成中文称相对定位,设置了这个属性后,元素会根据top,left,bottom,right进行偏移,关键点是它原本的空间仍然保留。

  (3)absolute

  元素设置成absolute后会脱离文档流,并且不占有原本的空间,后面的元素会顶替上去,而且不论元素是行内元素还是块级元素,都会生成一个块级框,也就是例如行内元素span设置了absolute后就可以设置height和width属性了。

  (4)fixedfixed的表现方式类似于absolute,但是相比于absolute相对于不确定的父元素进行偏移,fixed就是相对于浏览器窗口进行偏移。


发表评论

评论列表

还没有评论,快来说点什么吧~