相对定位与绝对定位

叁歲伎倆 2022-04-08 12:24 508阅读 0赞

什么是文档流?

将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。

只有三种情况会使得元素脱离文档流,分别是:浮动绝对定位和相对定位。

对position的四个属性值relative,absolute,static,fixed分的不是很清楚.

TRBL(top、right、bottom、left)

写前端网页经常涉及到的两个位置,就是相对位置和绝对位置。具体表现在代码里面则是:

  1. position: relative;
  2. position: absolute

下面分别解释相对位置与绝对位置

1.相对位置:

 Top的值表示对象相对原位置向下偏移的距离,bottom的值表示对象相对原位置向上偏移的距离,两者同时存在时,只有Top起作用。

 left的值表示对象相对原位置向右偏移的距离,right的值表示对象相对原位置向左偏移的距离,两者同时存在时,只有left起作用。

发表评论

表情:
评论列表 (有 0 条评论,508人围观)

还没有评论,来说两句吧...

相关阅读

    相关 duilib绝对定位相对定位

    前言 duilib中窗口,布局,控件等在屏幕上的显示位置都是按照配置好的xml文件规则显示的,每个显示元素的位置大小也需要显式指定,才能呈现出更好看的界面效果,显示元素的

    相关 相对定位绝对定位

    什么是文档流? 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。 只有三种情况会使得元素脱离文档流,分别是:浮动绝对定位和相对定位。 对pos