Files
sousa-gecko/testing/web-platform/tests/css/css-flexbox/empty-flex-box-and-margin-collapsing.html
T
Tim Nguyen 97441b746a Bug 1939761 [wpt PR 49878] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=285074, a=testonly
Automatic update from web-platform-tests
WebKit export: state.gov banner text is flowing into body of page (#49878)

https://bugs.webkit.org/show_bug.cgi?id=285074

Co-authored-by: Alan Baradlay <zalan@apple.com>
--

wpt-commits: fc7831821821b597b32ebb73c40604d7a2f46488
wpt-pr: 49878
2025-01-10 09:26:08 +00:00

24 lines
597 B
HTML

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/">
<link rel="match" href="empty-flex-box-and-margin-collapsing-ref.html">
<meta name="assert" content="This checks that empty flex/grid box's margins do not collapse through.">
<style>
.container {
background: green;
height: 50px;
width: 100px;
}
.root {
margin-top: 0;
margin-bottom: 200px;
}
</style>
<p>Test passes if there is a filled green square.</p>
<div class=container>
<div class=root style="display: flex"></div>
</div>
<div class=container>
<div class=root style="display: grid"></div>
</div>