mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Element collapsing thru should collapse with its children (#32060)
If the top and bottom margins of an element collapse through, then this patch treats the bottom margin as collapsing with its children, even if `height` doesn't compute to zero. Co-authored-by: Martin Robinson <mrobinson@igalia.com>
This commit is contained in:
parent
95654b789c
commit
bc7cced03c
4 changed files with 62 additions and 9 deletions
|
@ -67438,6 +67438,19 @@
|
|||
{}
|
||||
]
|
||||
],
|
||||
"margin-collapse-clear-011.xht": [
|
||||
"fed7bef25c532d02e38f9d2b58644f10958d72ad",
|
||||
[
|
||||
null,
|
||||
[
|
||||
[
|
||||
"/css/CSS2/margin-padding-clear/margin-collapse-clear-011-ref.xht",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"margin-collapse-min-height-001.xht": [
|
||||
"2c6936244308faced1e79c5115950a8b5a7079e5",
|
||||
[
|
||||
|
@ -374459,6 +374472,10 @@
|
|||
"f9c8c4c765f75eb1135f9c723e90de5b34b18010",
|
||||
[]
|
||||
],
|
||||
"margin-collapse-clear-011-ref.xht": [
|
||||
"2611de9f4a9310475172e775c4b18db81567bcfc",
|
||||
[]
|
||||
],
|
||||
"margin-collapse-min-height-001-ref.xht": [
|
||||
"f86d2b201f6a488b5d875b61fab075497d88d08c",
|
||||
[]
|
||||
|
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Oriol Brufau" href="obrufau@igalia.com"/>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css"/>
|
||||
</head>
|
||||
<body style="font: 25px/1 Ahem">
|
||||
<div style="margin-bottom: 1em">X</div>
|
||||
<div style="color: cyan;">X</div>
|
||||
<div style="color: magenta">X</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Margin Collapsing with Clearance</title>
|
||||
<link rel="author" title="Oriol Brufau" href="obrufau@igalia.com"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/>
|
||||
<link rel="match" href="margin-collapse-clear-011-ref.xht"/>
|
||||
<meta name="assert" content="The magenta X appears below the cyan X due to clearance"/>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css"/>
|
||||
</head>
|
||||
<body style="font: 25px/1 Ahem">
|
||||
<div style="margin-bottom: 1em">X</div>
|
||||
<div style="float: left; color: cyan;">X</div>
|
||||
<div style="margin-bottom: 1em; height: 0px;">
|
||||
<div style="margin-bottom: -1em;"></div>
|
||||
</div>
|
||||
<div style="clear: both; color: magenta">X</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue