mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
110 lines
1.7 KiB
HTML
110 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<style type="text/css">
|
|
div.transform {
|
|
background-color: #00FF00;
|
|
width: 100px;
|
|
height: 100px;
|
|
padding-left: 30px;
|
|
padding-top: 20px;
|
|
-webkit-transform:matrix(0.866,0.5,-0.5,0.866,120,150);
|
|
}
|
|
div.scroll {
|
|
background-color: #00FFFF;
|
|
width: 100px;
|
|
height: 100px;
|
|
overflow: scroll;
|
|
}
|
|
div.fixed {
|
|
background-color: #FF0000;
|
|
left: 200px;
|
|
top: 50px;
|
|
width: 100px;
|
|
height: 100px;
|
|
position: fixed;
|
|
}
|
|
div.relative-overflow {
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 100px;
|
|
}
|
|
div.margin-overflow {
|
|
overflow: hidden;
|
|
margin-top:20px;
|
|
height: 50px;
|
|
}
|
|
div.absolute {
|
|
position: absolute;
|
|
top: 0px;
|
|
height: 20px;
|
|
width: 80px;
|
|
background-color: "green";
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
This is a test.
|
|
<br>
|
|
<br>
|
|
<br>
|
|
Foo bar.
|
|
<br>
|
|
<br>
|
|
<br>
|
|
result 02
|
|
<div class="transform">
|
|
result 03
|
|
</div>
|
|
result 04
|
|
<div class="fixed">
|
|
result 05
|
|
</div>
|
|
result 06
|
|
<div class="scroll">
|
|
result 07
|
|
Foo bar.
|
|
<br>
|
|
<br>
|
|
<br>
|
|
result 08
|
|
</div>
|
|
result 09
|
|
<br>
|
|
result 10
|
|
<table border="1" cellpadding="10" cellspacing="10">
|
|
<tr>
|
|
<th>Foo</th>
|
|
<th>Bar</th>
|
|
<th>result 11</th>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan="2">result 12</td>
|
|
<td colspan="2">result 13</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">result 14</td>
|
|
</tr>
|
|
</table>
|
|
result 15
|
|
<div class="transform">
|
|
<div style="height:0px">
|
|
<div style="float:left;">
|
|
result 16
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="relative-overflow">
|
|
<div class="margin-overflow">
|
|
result 17
|
|
<div class="absolute">result 18</div>
|
|
</div>
|
|
</div>
|
|
<!-- Tests that will not yield matches should go below this line. -->
|
|
<select>
|
|
<option>result 19</option>
|
|
</select>
|
|
</body>
|
|
</html>
|