| <!DOCTYPE html> |
| <html> |
| <meta charset="utf-8"> |
| <title>CSS Flexible Box Layout Test: Test flexbox intrinsic inline-size, gap, and absolute-positioned children</title> |
| <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> |
| <link rel="author" title="Mozilla" href="http://www.mozilla.org/"> |
| <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#intrinsic-sizes"> |
| <link rel="help" href="https://drafts.csswg.org/css-align-3/#gaps"> |
| <link rel="match" href="flexbox-gap-position-absolute-ref.html"> |
| <meta name="assert" content="This test verifies the absolute-positioned children do not contribute the gap size to the flexbox's intrinsic inline-size."> |
| |
| <style> |
| div { |
| display: inline-flex; |
| gap: 100px; |
| background: fuchsia; |
| } |
| </style> |
| |
| <div> |
| <span style="position: absolute;"></span> |
| <span style="position: fixed;"></span> |
| <span>B</span> |
| <span>C</span> |
| </div> |
| </html> |