编辑器限制 editor-limitations

触屏UI中的编辑器使用叠加与iframe中限定的内容进行交互。 这种交互方式会对编辑器的使用以及开发人员造成一些限制。 本页总结了这些限制，并在可能的情况下提供了解决方案或变通办法。

功能限制 functional-limitations

使用编辑器创作页面时，作者可能会遇到以下功能限制。

链接无效 links-not-active

在编辑页面时，链接处于非活动状态。

结构页面 structure-pages

不能将页面命名为structure。 名为structure的页面在页面编辑器中不可编辑。

CSS限制 css-limitations

开发人员在编辑器与CSS的交互中可能会遇到以下限制。

绝对定位的元素 absolutely-positioned-elements

绝对定位的元素可能会导致其叠加的位置出现问题。

vh单位 vh-units

不支持vh个单位，因为iframe高度必须由Adobe Experience Manager (AEM)自动调整。

固定背景图像 fixed-background-images

由于固定背景图像嵌入在iframe中，因此滚动时可能无法显示为固定背景图像。

100%高度 height

页面的body元素不支持100%高度。

body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

边距折叠 margin-collapsing

如果body元素的第一个子元素具有边距，则可以看到边距收缩问题。

body:before, body:after{
    content: ' ';
    display: table;
}