mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
Bug 477462 - margin-collapsing test suite, wave 5b; root, html, body margins and non-sibling margins; r=dholbert
This commit is contained in:
Daniel Schattenkirchner
parent
ee1900427e
commit
20f3fba3bb
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
height: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#last-child {
|
||||
display: none;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</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>
|
||||
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#last-child {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#last-child {
|
||||
display: none;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</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>
|
||||
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#last-child {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#last-child {
|
||||
display: none;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</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>
|
||||
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#last-child {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#last-child {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('parent').style.marginBottom = '-10px';
|
||||
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>
|
||||
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
#last-child {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 20px;
|
||||
margin-bottom: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('parent').style.marginBottom = '-20px';
|
||||
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>
|
||||
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 20px;
|
||||
margin-bottom: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 20px;
|
||||
margin-bottom: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('parent').style.marginBottom = '-30px';
|
||||
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>
|
||||
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 10px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 20px;
|
||||
margin-bottom: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: -30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('last-child').style.marginBottom = '-10px';
|
||||
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>
|
||||
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child, #separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#last-child {
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 20px;
|
||||
margin-bottom: 0px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('last-child').style.marginBottom = '-20px';
|
||||
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>
|
||||
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 20px;
|
||||
margin-bottom: -20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 20px;
|
||||
margin-bottom: 0px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('last-child').style.marginBottom = '-30px';
|
||||
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>
|
||||
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 10px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 20px;
|
||||
margin-bottom: -30px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
display: none;
|
||||
height: 40px;
|
||||
margin-bottom: -20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
</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>
|
||||
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 40px;
|
||||
margin-bottom: -20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
display: none;
|
||||
height: 40px;
|
||||
margin-bottom: -10px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
</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>
|
||||
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 40px;
|
||||
margin-bottom: -10px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
display: none;
|
||||
height: 40px;
|
||||
margin-bottom: -20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
</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>
|
||||
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#last-child {
|
||||
height: 40px;
|
||||
margin-bottom: -20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="parent">
|
||||
<div id="last-child"></div>
|
||||
</div>
|
||||
<div id="separator"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #spacer, #first-child {
|
||||
height: 20px;
|
||||
}
|
||||
#separator, #first-child {
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="spacer"></div>
|
||||
<div id="first-child"></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #first-child {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#first-child {
|
||||
display: none;
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('first-child').style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
23
layout/reftests/margin-collapsing/block-first-child-1a.html
Normal file
23
layout/reftests/margin-collapsing/block-first-child-1a.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #first-child {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#first-child {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #first-child {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 20px;
|
||||
}
|
||||
#first-child {
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('first-child').style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
23
layout/reftests/margin-collapsing/block-first-child-1b.html
Normal file
23
layout/reftests/margin-collapsing/block-first-child-1b.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #first-child {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 20px;
|
||||
}
|
||||
#first-child {
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #first-child {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 20px;
|
||||
}
|
||||
#first-child {
|
||||
display: none;
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('first-child').style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
23
layout/reftests/margin-collapsing/block-first-child-1c.html
Normal file
23
layout/reftests/margin-collapsing/block-first-child-1c.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #first-child {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 20px;
|
||||
}
|
||||
#first-child {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #first-child {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 20px;
|
||||
}
|
||||
#first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('first-child').style.marginTop = '-10px';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #first-child {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#spacer {
|
||||
height: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="spacer"></div>
|
||||
<div id="first-child"></div>
|
||||
</body>
|
||||
</html>
|
||||
23
layout/reftests/margin-collapsing/block-first-child-2.html
Normal file
23
layout/reftests/margin-collapsing/block-first-child-2.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #first-child {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 20px;
|
||||
}
|
||||
#first-child {
|
||||
margin-top: -10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 20px;
|
||||
margin-top: 0px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('first-child').style.marginTop = '-20px';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
layout/reftests/margin-collapsing/block-first-child-3.html
Normal file
25
layout/reftests/margin-collapsing/block-first-child-3.html
Normal file
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 20px;
|
||||
margin-top: -20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 20px;
|
||||
margin-top: 0px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('first-child').style.marginTop = '-30px';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 10px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
layout/reftests/margin-collapsing/block-first-child-4.html
Normal file
25
layout/reftests/margin-collapsing/block-first-child-4.html
Normal file
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 20px;
|
||||
margin-top: -30px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #first-child {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 0;
|
||||
}
|
||||
#first-child {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('parent').style.marginTop = '-10px';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #first-child {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#spacer {
|
||||
height: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="spacer"></div>
|
||||
<div id="first-child"></div>
|
||||
</body>
|
||||
</html>
|
||||
23
layout/reftests/margin-collapsing/block-first-child-5.html
Normal file
23
layout/reftests/margin-collapsing/block-first-child-5.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator, #first-child {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#parent {
|
||||
margin-top: -10px;
|
||||
}
|
||||
#first-child {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 20px;
|
||||
margin-top: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 0px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('parent').style.marginTop = '-20px';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
layout/reftests/margin-collapsing/block-first-child-6.html
Normal file
25
layout/reftests/margin-collapsing/block-first-child-6.html
Normal file
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 20px;
|
||||
margin-top: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: -20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 20px;
|
||||
margin-top: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: 0;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('parent').style.marginTop = '-30px';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 10px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
layout/reftests/margin-collapsing/block-first-child-7.html
Normal file
25
layout/reftests/margin-collapsing/block-first-child-7.html
Normal file
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 20px;
|
||||
margin-top: 20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: -30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 40px;
|
||||
background-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
display: none;
|
||||
height: 40px;
|
||||
margin-top: -20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: -10px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('first-child').style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
layout/reftests/margin-collapsing/block-first-child-8a.html
Normal file
25
layout/reftests/margin-collapsing/block-first-child-8a.html
Normal file
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 40px;
|
||||
margin-top: -20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: -10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
display: none;
|
||||
height: 40px;
|
||||
margin-top: -10px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: -20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('first-child').style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
layout/reftests/margin-collapsing/block-first-child-8b.html
Normal file
25
layout/reftests/margin-collapsing/block-first-child-8b.html
Normal file
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 40px;
|
||||
margin-top: -10px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: -20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
display: none;
|
||||
height: 40px;
|
||||
margin-top: -20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: -20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementById('first-child').style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
layout/reftests/margin-collapsing/block-first-child-8c.html
Normal file
25
layout/reftests/margin-collapsing/block-first-child-8c.html
Normal file
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#separator {
|
||||
height: 40px;
|
||||
background-color: green;
|
||||
}
|
||||
#first-child {
|
||||
height: 40px;
|
||||
margin-top: -20px;
|
||||
background-color: blue;
|
||||
}
|
||||
#parent {
|
||||
margin-top: -20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="separator"></div>
|
||||
<div id="parent">
|
||||
<div id="first-child"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
23
layout/reftests/margin-collapsing/block-html-html-1-ref.html
Normal file
23
layout/reftests/margin-collapsing/block-html-html-1-ref.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
background-color: white;
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
#the-html {
|
||||
padding: 30px 0;
|
||||
}
|
||||
#the-body {
|
||||
background-color: green;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="the-html">
|
||||
<div id="the-body"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
html {
|
||||
background-color: white;
|
||||
margin: 20px 0;
|
||||
}
|
||||
body {
|
||||
display: none;
|
||||
background-color: green;
|
||||
margin: 10px 0;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('body')[0].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
21
layout/reftests/margin-collapsing/block-html-html-1a.html
Normal file
21
layout/reftests/margin-collapsing/block-html-html-1a.html
Normal file
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
html {
|
||||
background-color: white;
|
||||
margin: 20px 0;
|
||||
}
|
||||
body {
|
||||
background-color: green;
|
||||
margin: 10px 0;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
html {
|
||||
background-color: white;
|
||||
margin: 20px 0;
|
||||
}
|
||||
div {
|
||||
display: none;
|
||||
background-color: green;
|
||||
margin: 10px 0;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[0].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
22
layout/reftests/margin-collapsing/block-html-html-1b.html
Normal file
22
layout/reftests/margin-collapsing/block-html-html-1b.html
Normal file
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
html {
|
||||
background-color: white;
|
||||
margin: 20px 0;
|
||||
}
|
||||
div {
|
||||
background-color: green;
|
||||
margin: 10px 0;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
33
layout/reftests/margin-collapsing/block-html-html-2-dyn.html
Normal file
33
layout/reftests/margin-collapsing/block-html-html-2-dyn.html
Normal file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: red;
|
||||
margin: 20px 0;
|
||||
}
|
||||
div {
|
||||
display: none;
|
||||
background-color: green;
|
||||
margin: 10px 0;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[0].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
28
layout/reftests/margin-collapsing/block-html-html-2-ref.html
Normal file
28
layout/reftests/margin-collapsing/block-html-html-2-ref.html
Normal file
@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
html, body, div {
|
||||
margin: 0; padding: 0;
|
||||
background-color: white;
|
||||
}
|
||||
#the-html {
|
||||
padding: 20px 0;
|
||||
}
|
||||
#the-body {
|
||||
background-color: red;
|
||||
}
|
||||
#the-div {
|
||||
background-color: green;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="the-html">
|
||||
<div id="the-body">
|
||||
<div id="the-div"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
layout/reftests/margin-collapsing/block-html-html-2.html
Normal file
25
layout/reftests/margin-collapsing/block-html-html-2.html
Normal file
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
html {
|
||||
background-color: white;
|
||||
}
|
||||
body {
|
||||
background-color: red;
|
||||
margin: 20px 0;
|
||||
}
|
||||
div {
|
||||
background-color: green;
|
||||
margin: 10px 0;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
34
layout/reftests/margin-collapsing/block-html-html-3-dyn.html
Normal file
34
layout/reftests/margin-collapsing/block-html-html-3-dyn.html
Normal file
@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
html {
|
||||
background-color: white;
|
||||
margin: 10px 0;
|
||||
}
|
||||
body {
|
||||
background-color: red;
|
||||
margin: 20px 0;
|
||||
}
|
||||
div {
|
||||
display: none;
|
||||
background-color: green;
|
||||
margin: 40px 0;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[0].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
28
layout/reftests/margin-collapsing/block-html-html-3-ref.html
Normal file
28
layout/reftests/margin-collapsing/block-html-html-3-ref.html
Normal file
@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
html, body, div {
|
||||
margin: 0; padding: 0;
|
||||
background-color: white;
|
||||
}
|
||||
#the-html {
|
||||
padding: 50px 0;
|
||||
}
|
||||
#the-body {
|
||||
background-color: red;
|
||||
}
|
||||
#the-div {
|
||||
background-color: green;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="the-html">
|
||||
<div id="the-body">
|
||||
<div id="the-div"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
26
layout/reftests/margin-collapsing/block-html-html-3.html
Normal file
26
layout/reftests/margin-collapsing/block-html-html-3.html
Normal file
@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
html, body {
|
||||
margin: 0; padding: 0;
|
||||
}
|
||||
html {
|
||||
background-color: white;
|
||||
margin: 10px 0;
|
||||
}
|
||||
body {
|
||||
background-color: red;
|
||||
margin: 20px 0;
|
||||
}
|
||||
div {
|
||||
background-color: green;
|
||||
margin: 40px 0;
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -4,7 +4,7 @@
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 40px;
|
||||
height: 20px;
|
||||
}
|
||||
#b {
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
height: 20px;
|
||||
}
|
||||
#margin {
|
||||
height: 30px;
|
||||
height: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#a div {
|
||||
display: none;
|
||||
height: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#b {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
margin-top: 40px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[1].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div></div>
|
||||
</div>
|
||||
<div id="b">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -13,7 +13,7 @@
|
||||
#b {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
margin-top: 30px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#a div {
|
||||
display: none;
|
||||
height: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#b {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[1].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div></div>
|
||||
</div>
|
||||
<div id="b">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -8,7 +8,7 @@
|
||||
}
|
||||
#a div {
|
||||
height: 20px;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#b {
|
||||
height: 20px;
|
||||
|
||||
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#a div {
|
||||
display: none;
|
||||
height: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#b {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
margin-top: 40px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[1].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div></div>
|
||||
</div>
|
||||
<div id="b">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -13,7 +13,7 @@
|
||||
#b {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
margin-top: 30px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#a div {
|
||||
display: none;
|
||||
height: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#b {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[1].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div></div>
|
||||
</div>
|
||||
<div id="b">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -8,7 +8,7 @@
|
||||
}
|
||||
#a div {
|
||||
height: 20px;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#b {
|
||||
height: 20px;
|
||||
|
||||
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#a div {
|
||||
display: none;
|
||||
height: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#b {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[1].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div></div>
|
||||
</div>
|
||||
<div id="b">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -4,7 +4,7 @@
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#a div {
|
||||
height: 20px;
|
||||
|
||||
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#a div {
|
||||
display: none;
|
||||
height: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#b {
|
||||
height: 20px;
|
||||
background-color: green;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[1].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
<div></div>
|
||||
</div>
|
||||
<div id="b">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -4,7 +4,7 @@
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
#a div {
|
||||
height: 20px;
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 40px;
|
||||
height: 20px;
|
||||
}
|
||||
#b {
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
height: 20px;
|
||||
}
|
||||
#margin {
|
||||
height: 30px;
|
||||
height: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 10px;
|
||||
height: 20px;
|
||||
}
|
||||
#b {
|
||||
background-color: green;
|
||||
margin-top: 20px;
|
||||
}
|
||||
#b div {
|
||||
display: none;
|
||||
height: 20px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[2].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
</div>
|
||||
<div id="b">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -13,7 +13,7 @@
|
||||
}
|
||||
#b div {
|
||||
height: 20px;
|
||||
margin-top: 30px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 10px;
|
||||
height: 20px;
|
||||
}
|
||||
#b {
|
||||
background-color: green;
|
||||
margin-top: 40px;
|
||||
}
|
||||
#b div {
|
||||
display: none;
|
||||
height: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[2].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
</div>
|
||||
<div id="b">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -9,7 +9,7 @@
|
||||
}
|
||||
#b {
|
||||
background-color: green;
|
||||
margin-top: 30px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
#b div {
|
||||
height: 20px;
|
||||
|
||||
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
#b {
|
||||
background-color: green;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#b div {
|
||||
display: none;
|
||||
height: 20px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[2].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
</div>
|
||||
<div id="b">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -13,7 +13,7 @@
|
||||
}
|
||||
#b div {
|
||||
height: 20px;
|
||||
margin-top: 30px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
#b {
|
||||
background-color: green;
|
||||
margin-top: 40px;
|
||||
}
|
||||
#b div {
|
||||
display: none;
|
||||
height: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[2].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
</div>
|
||||
<div id="b">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -9,7 +9,7 @@
|
||||
}
|
||||
#b {
|
||||
background-color: green;
|
||||
margin-top: 30px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
#b div {
|
||||
height: 20px;
|
||||
|
||||
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<head>
|
||||
<style type="text/css">
|
||||
#a {
|
||||
background-color: green;
|
||||
margin-bottom: 40px;
|
||||
height: 20px;
|
||||
}
|
||||
#b {
|
||||
background-color: green;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#b div {
|
||||
display: none;
|
||||
height: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function test() {
|
||||
document.getElementsByTagName('div')[2].style.display = 'block';
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
document.addEventListener('MozReftestInvalidate', test, false);
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a">
|
||||
</div>
|
||||
<div id="b">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user