position absolute element 在一个方向上 margin 与 offset (top,bottom 或 left,right)同时配置时定位错误

[temper357]

使用的 Kraken 版本 ｜ What version of kraken are you using

main

重现代码 | Code example:

// @TODO: margin-bottom of position absolute element offset wrong.
  xit('replaced-height-004', async () => {
    let p;
    let div1;
    p = createElement(
      'p',
      {
        xmlns: 'http://www.w3.org/1999/xhtml',
        style: {
          'box-sizing': 'border-box',
        },
      },
      [
        createText(`Test passes if a blue rectangle is `),
        createElement(
          'strong',
          {
            style: {
              'box-sizing': 'border-box',
            },
          },
          [createText(`vertically centered`)]
        ),
        createText(` in an hollow black square.`),
      ]
    );
    div1 = createElement(
      'div',
      {
        xmlns: 'http://www.w3.org/1999/xhtml',
        id: 'div1',
        style: {
          border: 'solid black',
          height: '288px',
          position: 'relative',
          width: '288px',
          'box-sizing': 'border-box',
        },
      },
      [
        createElement('div', {
          style: {
            background: 'blue',
            bottom: '48px',
            height: '96px',
            'margin-top': 'auto',
            'margin-bottom': '48px',
            position: 'absolute',
            top: '48px',
            width: '100%',
            'box-sizing': 'border-box',
          },
        }),
      ]
    );
    BODY.appendChild(p);
    BODY.appendChild(div1);

    await snapshot();
  });

预期结果 ｜ Expected results:

实际结果 ｜ Actual results: