OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 | 4 |
5 <meta name="viewport" content="width=800"> | 5 <meta name="viewport" content="width=800"> |
6 <style> | 6 <style> |
7 html { font-size: 16px; } | 7 html { font-size: 16px; } |
8 body { margin: 0; overflow-y: hidden; } | 8 body { margin: 0; overflow-y: hidden; } |
9 </style> | 9 </style> |
10 | 10 |
(...skipping 12 matching lines...) Expand all Loading... |
23 <div style="position: absolute; overflow: auto"> | 23 <div style="position: absolute; overflow: auto"> |
24 This text should be autosized to 32px computed font size, but the position:a
bsolute causes this to be a new cluster, so it shouldn't affect the footer.<br> | 24 This text should be autosized to 32px computed font size, but the position:a
bsolute causes this to be a new cluster, so it shouldn't affect the footer.<br> |
25 Lorem ipsum dolor sit amet, consectetur adipisicing elit. | 25 Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
26 </div> | 26 </div> |
27 | 27 |
28 <div style="margin-top: 185px; float: left"> | 28 <div style="margin-top: 185px; float: left"> |
29 This text should be autosized to 32px computed font size, but the float:left
causes this to be a new cluster, so it shouldn't affect the footer.<br> | 29 This text should be autosized to 32px computed font size, but the float:left
causes this to be a new cluster, so it shouldn't affect the footer.<br> |
30 Lorem ipsum dolor sit amet, consectetur adipisicing elit. | 30 Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
31 </div> | 31 </div> |
32 | 32 |
33 <table> | 33 <table cellpadding="0" cellspacing="0"> |
34 <tr> | 34 <tr> |
35 <td> | 35 <td> |
36 This text should be autosized to 32px computed font size, but being
a table cell causes this to be a new cluster, so it shouldn't affect the footer.
<br> | 36 This text should be autosized to 32px computed font size, but being
a table cell causes this to be a new cluster, so it shouldn't affect the footer.
<br> |
37 Lorem ipsum dolor sit amet, consectetur adipisicing elit. | 37 Lorem ipsum dolor sit amet, consectetur adipisicing elit. |
38 </td> | 38 </td> |
39 </tr> | 39 </tr> |
40 </table> | 40 </table> |
41 | 41 |
42 <!-- FIXME: Include vertical writing-mode example once http://webkit.org/b/96557
is fixed. --> | 42 <!-- FIXME: Include vertical writing-mode example once http://webkit.org/b/96557
is fixed. --> |
43 | 43 |
44 <div> | 44 <div> |
45 This shouldn't be autosized (computed font size should remain 16px), as all
text above is in other clusters, so the root cluster doesn't contain enough text
. | 45 This shouldn't be autosized (computed font size should remain 16px), as all
text above is in other clusters, so the root cluster doesn't contain enough text
. |
46 </div> | 46 </div> |
47 | 47 |
48 </body> | 48 </body> |
49 </html> | 49 </html> |
OLD | NEW |