зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1108923 - Reftest for margins specified using percentages. r=smontagu
This commit is contained in:
Родитель
9c6ddfa771
Коммит
7b4be12785
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
.outer {
|
||||
width:600px;
|
||||
height:200px;
|
||||
border:1px solid gray;
|
||||
background:#eee;
|
||||
font-size:0px;
|
||||
}
|
||||
.test1 {
|
||||
display:inline-block;
|
||||
position:relative;
|
||||
top:100px;
|
||||
left:300px;
|
||||
border:10px solid green;
|
||||
width:80px;
|
||||
height:30px;
|
||||
}
|
||||
.test2 {
|
||||
display:inline-block;
|
||||
position:relative;
|
||||
top:0px;
|
||||
left:250px;
|
||||
border:10px solid blue;
|
||||
width:80px;
|
||||
height:30px;
|
||||
}
|
||||
.test3 {
|
||||
display:inline-block;
|
||||
position:relative;
|
||||
top:20px;
|
||||
left:230px;
|
||||
border:10px solid yellow;
|
||||
width:80px;
|
||||
height:30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="outer">
|
||||
|
||||
<div class="test3">
|
||||
</div>
|
||||
|
||||
<div class="test2">
|
||||
</div>
|
||||
|
||||
<div class="test1">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,52 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<style>
|
||||
.outer {
|
||||
writing-mode:vertical-rl;
|
||||
-webkit-writing-mode:vertical-rl;
|
||||
width:600px;
|
||||
height:200px;
|
||||
border:1px solid gray;
|
||||
background:#eee;
|
||||
}
|
||||
.test1 {
|
||||
border:10px solid green;
|
||||
margin-top:50%; /* should be 50% of 200px, i.e. 100px */
|
||||
width:80px;
|
||||
height:30px;
|
||||
}
|
||||
.test2 {
|
||||
border:10px solid blue;
|
||||
margin-right:25%; /* should be 25% of 200px, i.e. 50px */
|
||||
margin-left:10%; /* should be 10% of 200px, i.e. 20px */
|
||||
width:80px;
|
||||
height:30px;
|
||||
}
|
||||
.test3 {
|
||||
border:10px solid yellow;
|
||||
margin-top:10%; /* should be 10% of 200px, i.e. 20px */
|
||||
width:80px;
|
||||
height:30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="outer">
|
||||
|
||||
<div class="test1">
|
||||
</div>
|
||||
|
||||
<div class="test2">
|
||||
</div>
|
||||
|
||||
<div class="test3">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -28,3 +28,4 @@ random-if(gtk2Widget) == 1094434-2.html 1094434-2-ref.html # bug 1094845
|
|||
== 1105268-1-min-max-dimensions.html 1105268-1-min-max-dimensions-ref.html
|
||||
== 1105268-2-min-max-dimensions.html 1105268-2-min-max-dimensions-ref.html
|
||||
== 1106669-1-intrinsic-for-container.html 1106669-1-intrinsic-for-container-ref.html
|
||||
== 1108923-1-percentage-margins.html 1108923-1-percentage-margins-ref.html
|
||||
|
|
Загрузка…
Ссылка в новой задаче