Bug 898797 - Reftests for relatively positioned floats. r=dholbert

This commit is contained in:
Corey Ford 2013-07-29 18:34:05 -07:00
parent c0b1bad70a
commit 6264cfdf7d
5 changed files with 124 additions and 0 deletions

View File

@ -6,6 +6,8 @@ fails == other-float-outside-rule-3-right-2.html other-float-outside-rule-3-righ
fails == other-float-outside-rule-7-left.html other-float-outside-rule-7-left-ref.html # bug 616334
fails == other-float-outside-rule-7-right.html other-float-outside-rule-7-right-ref.html # bug 616334
fuzzy-if(gtk2Widget,1,10) == float-outside-block-push.html float-outside-block-push-ref.html # bug 815612
== relative-float-1.html relative-float-1-ref.html
== relative-float-2.html relative-float-2-ref.html
== zero-height-float-base.html zero-height-float-ref.html
fails == zero-height-float.html zero-height-float-ref.html # bug 81710
fails == 345369-1.html 345369-1-ref.html

View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<!-- Any copyright is dedicated to the Public Domain.
- http://creativecommons.org/publicdomain/zero/1.0/ -->
<html>
<head>
<style>
div {
position: relative;
top: 20px;
left: 20px;
height: 100px;
width: 100px;
background: blue;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<!-- Any copyright is dedicated to the Public Domain.
- http://creativecommons.org/publicdomain/zero/1.0/ -->
<html>
<head>
<style>
div {
float: left;
position: relative;
top: 20px;
left: 20px;
height: 100px;
width: 100px;
background: blue;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

View File

@ -0,0 +1,44 @@
<!DOCTYPE html>
<!-- Any copyright is dedicated to the Public Domain.
- http://creativecommons.org/publicdomain/zero/1.0/ -->
<html>
<head>
<style>
#a {
float: left;
height: 100px;
width: 100px
}
#b {
position: relative;
top: 20px;
left: 20px;
height: 100px;
width: 100px;
background: blue
}
</style>
</head>
<body>
<div id="a">
<div id="b">
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<br>Duis odio est, cursus non adipiscing at, fringilla quis eros.
<br>Sed volutpat nibh sit amet ante molestie a vehicula nulla gravida.
<br>Mauris elementum cursus urna id vestibulum.
<br>Etiam volutpat odio tincidunt libero ullamcorper elementum.
<br>Suspendisse potenti.
<br>Ut ut arcu lorem.
<br>Integer mi sapien, porta a pharetra et, varius laoreet eros.
<br>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
<br>Sed ut mi at elit consequat aliquam id eu lectus.
<br>Etiam tincidunt diam et ante ullamcorper a convallis erat lobortis.
<br>Sed blandit ultrices dui et bibendum.
<br>Sed condimentum velit eget nibh rutrum cursus.
<br>Quisque pretium iaculis gravida.
<br>Proin risus eros, iaculis quis fermentum a, adipiscing id mauris.
</p>
</body>
</html>

View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<!-- Any copyright is dedicated to the Public Domain.
- http://creativecommons.org/publicdomain/zero/1.0/ -->
<html>
<head>
<style>
#a {
float: left;
position: relative;
top: 20px;
left: 20px;
height: 100px;
width: 100px;
background: blue
}
</style>
</head>
<body>
<div id="a"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<br>Duis odio est, cursus non adipiscing at, fringilla quis eros.
<br>Sed volutpat nibh sit amet ante molestie a vehicula nulla gravida.
<br>Mauris elementum cursus urna id vestibulum.
<br>Etiam volutpat odio tincidunt libero ullamcorper elementum.
<br>Suspendisse potenti.
<br>Ut ut arcu lorem.
<br>Integer mi sapien, porta a pharetra et, varius laoreet eros.
<br>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
<br>Sed ut mi at elit consequat aliquam id eu lectus.
<br>Etiam tincidunt diam et ante ullamcorper a convallis erat lobortis.
<br>Sed blandit ultrices dui et bibendum.
<br>Sed condimentum velit eget nibh rutrum cursus.
<br>Quisque pretium iaculis gravida.
<br>Proin risus eros, iaculis quis fermentum a, adipiscing id mauris.
</p>
</body>
</html>