16abbd78e7
Add scripts/import_wpt_reftests.py to sparse-clone the upstream WPT repo and bulk-import qualifying CSS reftests (no JS, no external resources) as known_fail entries. 23 tests already pass and are promoted. The import script is idempotent and exposed via `just import-wpt`. CI now prints the WPT summary (pass=36 known_fail=2877 skip=1) on every run. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
74 lines
2.0 KiB
HTML
74 lines
2.0 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>CSS Test: Collapsing margins - margin-bottom of the last in-flow child block collapsing with its max-height parent block's bottom margin</title>
|
|
|
|
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" >
|
|
<link rel="author" title="Bruno Fassino" href="http://www.brunildo.org/" >
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" >
|
|
<link rel="match" href="margin-collapse-038-ref.xht" >
|
|
|
|
<meta content="The 'max-height' of a parent block element should have no influence over whether such parent block element's bottom margin is adjoining to its last child's bottom margin. In such situation, the bottom margin of the parent block element and the bottom margin of its last child should collapse as long as such parent block element has no bottom padding and has no bottom border." name="assert" >
|
|
|
|
<style type="text/css"><![CDATA[
|
|
body {margin: 8px;}
|
|
|
|
p {margin: 8px 0px 0px;}
|
|
|
|
div#reference-overlapped-red
|
|
{
|
|
background-color: red;
|
|
height: 200px;
|
|
left: 8px;
|
|
position: absolute;
|
|
right: 8px;
|
|
z-index: -1;
|
|
}
|
|
|
|
div#green-grand-parent
|
|
{
|
|
background-color: green;
|
|
border-bottom: green solid 1px;
|
|
}
|
|
|
|
div#parent-with-max-height
|
|
{
|
|
margin-bottom: 0px;
|
|
max-height: 99px;
|
|
}
|
|
|
|
div#last-child
|
|
{
|
|
height: 300px;
|
|
/*
|
|
The height of parent-with-max-height is constrained by
|
|
its max-height which is smaller than this last-child height
|
|
*/
|
|
margin-bottom: 100px;
|
|
}
|
|
]]></style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<p>Test passes if there is a tall filled green rectangle across the page and <strong>no red</strong>.</p>
|
|
|
|
<div id="reference-overlapped-red"></div>
|
|
|
|
<div id="green-grand-parent">
|
|
<div id="parent-with-max-height">
|
|
<div id="last-child"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--
|
|
#last-child's margin-bottom should collapse with #parent-with-max-height's margin-bottom: max(0px, 100px) = 100px
|
|
-->
|
|
|
|
</body>
|
|
</html>
|