зеркало из https://github.com/mozilla/gecko-dev.git
Bug 308801 - box-sizing:border-box with min-/max-width/height reftests.
This commit is contained in:
Mats Palmgren
Родитель
a24ed919da
Коммит
458cc0d34f
|
|
@ -0,0 +1,57 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html><head>
|
||||
<title>min-/max-height testcase for bug 308801</title>
|
||||
<style type="text/css">
|
||||
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:0; margin:0;
|
||||
}
|
||||
|
||||
.test1 {
|
||||
height:35px;
|
||||
border:1px solid black;
|
||||
}
|
||||
|
||||
.test2 {
|
||||
height:37px;
|
||||
background:black;
|
||||
}
|
||||
|
||||
.test3 {
|
||||
height:21px;
|
||||
border:8px solid black;
|
||||
}
|
||||
|
||||
p { height:43px; margin:0; padding:0; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="box min test1"></div>
|
||||
|
||||
<br><div class="box min test2"></div>
|
||||
|
||||
<br><div class="box min test3"></div>
|
||||
|
||||
<br><div class="box max test1"><p></div>
|
||||
|
||||
<br><div class="box max test2"><p></div>
|
||||
|
||||
<br><div class="box max test3"><p></div>
|
||||
|
||||
<br><!-- overflow:hidden -->
|
||||
|
||||
<div class="hidden box min test1"></div>
|
||||
|
||||
<br><div class="hidden box min test2"></div>
|
||||
|
||||
<br><div class="hidden box min test3"></div>
|
||||
|
||||
<br><div class="hidden box max test1"><p></div>
|
||||
|
||||
<br><div class="hidden box max test2"><p></div>
|
||||
|
||||
<br><div class="hidden box max test3"><p></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html><head>
|
||||
<title>min-/max-height testcase for bug 308801</title>
|
||||
<style type="text/css">
|
||||
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:0; margin:0;
|
||||
}
|
||||
|
||||
div {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.min { min-height:37px; }
|
||||
.max { max-height:37px; }
|
||||
.hidden { overflow:hidden; }
|
||||
|
||||
.box {
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
|
||||
.test1 {
|
||||
border:1px solid black;
|
||||
}
|
||||
|
||||
.test2 {
|
||||
padding:3px;
|
||||
background:black;
|
||||
}
|
||||
|
||||
.test3 {
|
||||
border:8px solid black;
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
p { height:43px; margin:0; padding:0; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="box min test1"></div>
|
||||
|
||||
<br><div class="box min test2"></div>
|
||||
|
||||
<br><div class="box min test3"></div>
|
||||
|
||||
<br><div class="box max test1"><p></div>
|
||||
|
||||
<br><div class="box max test2"><p></div>
|
||||
|
||||
<br><div class="box max test3"><p></div>
|
||||
|
||||
<br><!-- overflow:hidden -->
|
||||
|
||||
<div class="hidden box min test1"></div>
|
||||
|
||||
<br><div class="hidden box min test2"></div>
|
||||
|
||||
<br><div class="hidden box min test3"></div>
|
||||
|
||||
<br><div class="hidden box max test1"><p></div>
|
||||
|
||||
<br><div class="hidden box max test2"><p></div>
|
||||
|
||||
<br><div class="hidden box max test3"><p></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html><head>
|
||||
<title>min-/max-width testcase for bug 308801</title>
|
||||
<style type="text/css">
|
||||
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px;
|
||||
}
|
||||
|
||||
.test1, .test2 {
|
||||
width:100px;
|
||||
height:20px;
|
||||
background:black;
|
||||
}
|
||||
|
||||
.test3 {
|
||||
width:30px;
|
||||
border:10px solid black;
|
||||
padding:25px;
|
||||
}
|
||||
br { margin-top:13px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="float:left"><div class="box min test1"></div></div>
|
||||
|
||||
<br clear="all">
|
||||
<div style="float:left"><div class="box min test2"></div></div>
|
||||
|
||||
<br clear="all">
|
||||
<div style="float:left"><div class="box min test3"></div></div>
|
||||
|
||||
<br clear="all">
|
||||
<br clear="all">
|
||||
<div class="box max test1"></div>
|
||||
|
||||
<br clear="all">
|
||||
<div class="box max test2"></div>
|
||||
|
||||
<br clear="all">
|
||||
<div class="box max test3"></div>
|
||||
|
||||
<br clear="all">
|
||||
<!-- overflow:hidden -->
|
||||
|
||||
<div style="float:left"><div class="hidden box min test1"></div></div>
|
||||
|
||||
<br clear="all">
|
||||
<div style="float:left"><div class="hidden box min test2"></div></div>
|
||||
|
||||
<br clear="all">
|
||||
<div style="float:left"><div class="hidden box min test3"></div></div>
|
||||
|
||||
<br clear="all">
|
||||
<br clear="all">
|
||||
<div class="hidden box max test1"></div>
|
||||
|
||||
<br clear="all">
|
||||
<div class="hidden box max test2"></div>
|
||||
|
||||
<br clear="all">
|
||||
<div class="hidden box max test3"></div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html><head>
|
||||
<title>min-/max-width testcase for bug 308801</title>
|
||||
<style type="text/css">
|
||||
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px;
|
||||
}
|
||||
|
||||
div {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.min { min-width:100px; }
|
||||
.max { max-width:100px; }
|
||||
.hidden { overflow:hidden; }
|
||||
|
||||
.box {
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
|
||||
.test1 {
|
||||
border:10px solid black;
|
||||
}
|
||||
|
||||
.test2 {
|
||||
padding:10px;
|
||||
background:black;
|
||||
}
|
||||
|
||||
.test3 {
|
||||
border:10px solid black;
|
||||
padding:25px;
|
||||
}
|
||||
br { margin-top:13px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="float:left"><div class="box min test1"></div></div>
|
||||
|
||||
<br clear="all">
|
||||
<div style="float:left"><div class="box min test2"></div></div>
|
||||
|
||||
<br clear="all">
|
||||
<div style="float:left"><div class="box min test3"></div></div>
|
||||
|
||||
<br clear="all">
|
||||
<br clear="all">
|
||||
<div class="box max test1"></div>
|
||||
|
||||
<br clear="all">
|
||||
<div class="box max test2"></div>
|
||||
|
||||
<br clear="all">
|
||||
<div class="box max test3"></div>
|
||||
|
||||
<br clear="all">
|
||||
<!-- overflow:hidden -->
|
||||
|
||||
<div style="float:left"><div class="hidden box min test1"></div></div>
|
||||
|
||||
<br clear="all">
|
||||
<div style="float:left"><div class="hidden box min test2"></div></div>
|
||||
|
||||
<br clear="all">
|
||||
<div style="float:left"><div class="hidden box min test3"></div></div>
|
||||
|
||||
<br clear="all">
|
||||
<br clear="all">
|
||||
<div class="hidden box max test1"></div>
|
||||
|
||||
<br clear="all">
|
||||
<div class="hidden box max test2"></div>
|
||||
|
||||
<br clear="all">
|
||||
<div class="hidden box max test3"></div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -16,6 +16,8 @@
|
|||
== box-sizing-2.html box-sizing-2-ref.html
|
||||
== box-sizing-3.html box-sizing-1-ref.html
|
||||
== box-sizing-4.html box-sizing-4-ref.html
|
||||
== box-sizing-minmax-height.html box-sizing-minmax-height-ref.html
|
||||
== box-sizing-minmax-width.html box-sizing-minmax-width-ref.html
|
||||
== abspos-non-replaced-width-offset-margin.html abspos-non-replaced-width-offset-margin-ref.html
|
||||
== abspos-replaced-width-offset-margin.html abspos-replaced-width-offset-margin-ref.html
|
||||
HTTP(..) == CSS21-t100301.xhtml CSS21-t100301-ref.xhtml
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче