将值定位为数字

Question

在Chrome开发工具中编辑网站时，我最近发现，在边距，填充和边框上有一个可以键入数字的位置。

它做了什么，怎么用？

我可以将它与--enable-kernel=version一起使用吗？

编辑： 如何使用数字值？

Answer 1

位置可以有四种类型：

static
relative
fixed
absolute

可以找到一篇非常好的文章here：

  

静态是默认设置。具有 position：static; 的元素不会以任何特殊方式定位。据说静态元素不是   定位和一个位置设置为其他任何东西的元素   据说定位。

     除非添加一些额外的属性，否则

relative 的行为与静态相同。

</div>
<div class="relative2">

     

设置a的顶部，右侧，底部和左侧属性   相对定位的元素将导致它被调整远离   它的正常位置。其他内容不会被调整以适应   元素留下的任何空隙。

     

固定元素相对于视口定位，其中   表示即使页面滚动也始终保持在同一位置。   与相对一样，顶部，右侧，底部和左侧属性都是   使用

     

绝对的行为类似于固定，但相对于最近的定位祖先而不是相对于视口。如果   绝对定位的元素没有定位的祖先，它使用了   文档正文，并且仍然随页面滚动一起移动。一个   “定位”元素是一个除静态之外的任何位置的元素。

一个例子可以是：

.relative {
  position: relative;
  width: 600px;
  height: 400px;
}
.absolute {
  position: absolute;
  top: 120px;
  right: 0;
  width: 300px;
  height: 200px;
}