[LFC] Add support for min/max-height percentage values.
[WebKit-https.git] / LayoutTests / fast / block / block-only / min-max-height-percentage.html
1 <!DOCTYPE html>
2 <html>
3 <body>
4 <div style="width: 200px; height: 100px;">
5     <div style="width: 100px; max-height: 50%;">
6             <div style="width: 20px; height: 80px;"></div>
7     </div>
8 </div>
9
10 <div style="width: 200px; height: 100px;">
11     <div style="width: 100px; min-height: 50%;">
12             <div style="width: 20px; height: 10px;"></div>
13     </div>
14 </div>
15
16 <div style="width: 200px; margin-bottom: 100px;">
17     <div style="width: 100px; min-height: 50%;">
18             <div style="width: 20px; height: 10px;"></div>
19     </div>
20 </div>
21
22 <div style="position: relative; width: 200px; margin-bottom: 100px;">
23     <div style="position: absolute; width: 100px; max-height: 50%;">
24                 <div style="width: 20px; height: 80px;"></div>
25     </div>
26         <div style="width: 20px; height: 80px;"></div>
27 </div>
28
29 <div style="position: relative; width: 200px;">
30     <div style="position: absolute; width: 100px; min-height: 50%;"></div>
31         <div style="width: 20px; height: 80px;"></div>
32 </div>
33
34 </body>
35 </html>