webf icon indicating copy to clipboard operation
webf copied to clipboard

absolute layout behavior incorrect

Open bainian opened this issue 3 years ago • 0 comments

Affected version

main

No same issues found.

  • [X] Yes, I search all issues but not found.

Steps to Reproduce

refer to code.

Code example


<style type="text/css">

  .container3 {
    width: 200px;
    height: 200px;
    background: rebeccapurple;
    position: relative;
  }


</style>

<div class="container3">
  <div
    style="position: absolute;top: 0; bottom: 0;right: 0; margin:  auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background:aqua">
    <span>VVVV</span>
  </div>
</div>

Expected results

image

Actual results

image

bainian avatar Dec 05 '22 08:12 bainian