“布局：绝对”有什么作用？答案

【问题标题】：What does 'layout: absolute' do?“布局：绝对”有什么作用？
【发布时间】：2011-06-03 12:35:20
【问题描述】：

我正在 ExtJS 中创建一个窗口，但我不确定其中一个属性：布局。

我的代码下面有一个示例。

var myWindow = new Ext.Window({
      height     : 300,
      width      : 300,
      layout     : 'absolute'
      //additional window code
}

在这种情况下，layout: 'absolute' 属性有什么作用？

【问题讨论】：

因此您可以将 textField 放在绝对点，例如 (11px, 123px)... 如果您愿意。就是这样。如果有问题，请看不到您的问题的重点。

标签： extjs extjs3

【解决方案1】：

如果你使用的是 Extjs 3+

绝对布局继承了 Ext.layout.AnchorLayout 的锚定，并添加了使用标准 x 和 y 组件配置选项进行 x/y 定位的能力。

AbsoluteLayout

参考：

ext-3.3.1/docs

【讨论】：

【解决方案2】：

正如Ext JS Documentation 中指定的那样，layout 属性控制组件在页面上的排列方式。

据我所知，据我所知，没有像'absolute'这样的布局（你可能在想css而不是ExtJS吗？）。您的意思可能是layout: anchor。 anchor 布局允许您相对于组件所在的容器锚定组件的某些部分。在这种情况下，您可以指定 anchor 布局，以便窗口的子元素可以相对于窗口进行锚定。

【讨论】：