Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-12 21:05:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 477462 - margin-collapsing test suite, wave 6; parent's and last-child's bottom margin with min-/max-/height. r=dholbert

Browse Source
This commit is contained in:
Daniel Schattenkirchner 2013-09-14 22:16:53 -04:00
parent afc0d277a9
commit 06df61b3db
147 changed files with 4535 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
layout/reftests/margin-collapsing/block-fix-height-last-child-1-ref.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
height: 40px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

34
layout/reftests/margin-collapsing/block-fix-height-last-child-1a-dyn.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

26
layout/reftests/margin-collapsing/block-fix-height-last-child-1a.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

34
layout/reftests/margin-collapsing/block-fix-height-last-child-1b-dyn.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

26
layout/reftests/margin-collapsing/block-fix-height-last-child-1b.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

25
layout/reftests/margin-collapsing/block-fix-height-last-child-2-ref.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
height: 100px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

34
layout/reftests/margin-collapsing/block-fix-height-last-child-2a-dyn.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 100px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

26
layout/reftests/margin-collapsing/block-fix-height-last-child-2a.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
height: 100px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

34
layout/reftests/margin-collapsing/block-fix-height-last-child-2b-dyn.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 100px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

26
layout/reftests/margin-collapsing/block-fix-height-last-child-2b.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
height: 100px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

25
layout/reftests/margin-collapsing/block-fix-height-last-child-3-ref.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
height: 140px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

34
layout/reftests/margin-collapsing/block-fix-height-last-child-3a-dyn.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 140px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

26
layout/reftests/margin-collapsing/block-fix-height-last-child-3a.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
height: 140px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

34
layout/reftests/margin-collapsing/block-fix-height-last-child-3b-dyn.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 140px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

26
layout/reftests/margin-collapsing/block-fix-height-last-child-3b.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
height: 140px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

25
layout/reftests/margin-collapsing/block-fix-height-last-child-4-ref.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
height: 10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

33
layout/reftests/margin-collapsing/block-fix-height-last-child-4a-dyn.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
min-height: 50px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('parent').style.height = '100px';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-fix-height-last-child-4a.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
min-height: 50px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

33
layout/reftests/margin-collapsing/block-fix-height-last-child-4b-dyn.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
min-height: 50px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('parent').style.height = '100px';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-fix-height-last-child-4b.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
min-height: 50px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

33
layout/reftests/margin-collapsing/block-fix-height-last-child-4c-dyn.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
min-height: 100px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('parent').style.height = '50px';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-fix-height-last-child-4c.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 50px;
min-height: 100px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

33
layout/reftests/margin-collapsing/block-fix-height-last-child-4d-dyn.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
min-height: 100px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('parent').style.height = '50px';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-fix-height-last-child-4d.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 50px;
min-height: 100px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

33
layout/reftests/margin-collapsing/block-fix-height-last-child-4e-dyn.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('parent').style.height = '150px';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-fix-height-last-child-4e.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 150px;
max-height: 100px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

33
layout/reftests/margin-collapsing/block-fix-height-last-child-4f-dyn.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('parent').style.height = '150px';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-fix-height-last-child-4f.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 150px;
max-height: 100px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

33
layout/reftests/margin-collapsing/block-fix-height-last-child-4g-dyn.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 150px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('parent').style.height = '100px';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-fix-height-last-child-4g.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
max-height: 150px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

33
layout/reftests/margin-collapsing/block-fix-height-last-child-4h-dyn.html Normal file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 150px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('parent').style.height = '100px';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-fix-height-last-child-4h.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
max-height: 150px;
background-color: lightgreen;
}
#last-child {
height: 10px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

28
layout/reftests/margin-collapsing/block-max-height-last-child-1-ref.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
background-color: lightgreen;
}
#last-child {
height: 40px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
#spacer {
height: 20px;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="spacer"></div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-1a-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 10px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-1a.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 10px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-1b-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: 10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-1b.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: 10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-1c-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-1c.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

28
layout/reftests/margin-collapsing/block-max-height-last-child-2-ref.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
background-color: lightgreen;
}
#last-child {
height: 40px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
#spacer {
height: 10px;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="spacer"></div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-2a-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-2a.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-2b-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-2b.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

24
layout/reftests/margin-collapsing/block-max-height-last-child-3-ref.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
background-color: lightgreen;
}
#last-child {
height: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-3a-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-3a.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-3b-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-3b.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -20px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-3c-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-3c.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -20px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

28
layout/reftests/margin-collapsing/block-max-height-last-child-4-ref.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
background-color: lightgreen;
}
#last-child {
height: 100px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
#spacer {
height: 20px;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="spacer"></div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-4a-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 10px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 100px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-4a.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 10px;
background-color: lightgreen;
}
#last-child {
height: 100px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-4b-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 100px;
margin-bottom: 10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-4b.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
height: 100px;
margin-bottom: 10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-4c-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 100px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-4c.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
height: 100px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

28
layout/reftests/margin-collapsing/block-max-height-last-child-5-ref.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
background-color: lightgreen;
}
#last-child {
height: 100px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
#spacer {
height: 10px;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="spacer"></div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-5a-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 100px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-5a.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
height: 100px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-5b-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 100px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-5b.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
height: 100px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

24
layout/reftests/margin-collapsing/block-max-height-last-child-6-ref.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
background-color: lightgreen;
}
#last-child {
height: 80px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-6a-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 100px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-6a.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
height: 100px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-6b-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 100px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-6b.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -20px;
background-color: lightgreen;
}
#last-child {
height: 100px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-6c-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 100px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-6c.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -20px;
background-color: lightgreen;
}
#last-child {
height: 100px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

28
layout/reftests/margin-collapsing/block-max-height-last-child-7-ref.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
background-color: lightgreen;
}
#last-child {
height: 110px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
#spacer {
height: 10px;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="spacer"></div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-7a-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 10px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 110px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-7a.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 10px;
background-color: lightgreen;
}
#last-child {
height: 110px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-7b-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 110px;
margin-bottom: 10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-7b.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
height: 110px;
margin-bottom: 10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-7c-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 110px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-7c.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
height: 110px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

24
layout/reftests/margin-collapsing/block-max-height-last-child-8-ref.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
background-color: lightgreen;
}
#last-child {
height: 110px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-8a-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 110px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-8a.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
height: 110px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-8b-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 110px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-8b.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
height: 110px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

26
layout/reftests/margin-collapsing/block-max-height-last-child-9-ref.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
background-color: lightgreen;
}
#last-child {
height: 110px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
position: relative;
top: -30px;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-9a-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 110px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-9a.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
height: 110px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-9b-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 110px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-9b.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -20px;
background-color: lightgreen;
}
#last-child {
height: 110px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-max-height-last-child-9c-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 110px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-max-height-last-child-9c.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
max-height: 100px;
margin-bottom: -20px;
background-color: lightgreen;
}
#last-child {
height: 110px;
margin-bottom: -20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

29
layout/reftests/margin-collapsing/block-min-height-last-child-1-ref.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
height: 40px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
#spacer {
height: 20px;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="spacer"></div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-min-height-last-child-1a-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
min-height: 100px;
margin-bottom: 10px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-min-height-last-child-1a.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
min-height: 100px;
margin-bottom: 10px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-min-height-last-child-1b-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
min-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: 10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-min-height-last-child-1b.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
min-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: 10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-min-height-last-child-1c-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
min-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-min-height-last-child-1c.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
min-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

29
layout/reftests/margin-collapsing/block-min-height-last-child-2-ref.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
height: 100px;
background-color: lightgreen;
}
#last-child {
height: 40px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
#spacer {
height: 10px;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="spacer"></div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-min-height-last-child-2a-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
min-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

27
layout/reftests/margin-collapsing/block-min-height-last-child-2a.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#parent {
min-height: 100px;
margin-bottom: -10px;
background-color: lightgreen;
}
#last-child {
height: 40px;
margin-bottom: 20px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

35
layout/reftests/margin-collapsing/block-min-height-last-child-2b-dyn.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<style type="text/css">
#parent {
min-height: 100px;
margin-bottom: 20px;
background-color: lightgreen;
}
#last-child {
display: none;
height: 40px;
margin-bottom: -10px;
background-color: green;
}
#separator {
height: 20px;
background-color: blue;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('last-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('MozReftestInvalidate', test, false);
</script>
</head>
<body>
<div id="parent">
<div id="last-child"></div>
</div>
<div id="separator"></div>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show More