fixed-height-body-child.html (1490B)
1 <!DOCTYPE HTML> 2 <!-- 3 The minimum font size at 15em per line in a 450px container is 30px. This means we map 0px-45px 4 into 30px-45px, so 12px gets mapped to 34px. 5 --> 6 <html> 7 <head> 8 <style> 9 body { 10 height: 100%; 11 /* 12 * We need overflow:hidden because we can't show a scrollbar due 13 * to https://bugzilla.mozilla.org/show_bug.cgi?id=743805 . 14 */ 15 overflow: hidden; 16 } 17 18 div { 19 width: 450px; 20 } 21 22 p { 23 line-height: 1.1; 24 font-size: 12px; 25 margin: 0; 26 } 27 </style> 28 </head> 29 <body> 30 <div> 31 <p>Dorothy lived in the midst of the great Kansas prairies, with Uncle Henry, who was a farmer, and Aunt Em, who was the farmer's wife. Their house was small, for the lumber to build it had to be carried by wagon many miles. There were four walls, a floor and a roof, which made one room; and this room contained a rusty looking cookstove, a cupboard for the dishes, a table, three or four chairs, and the beds. Uncle Henry and Aunt Em had a big bed in one corner, and Dorothy a little bed in another corner. There was no garret at all, and no cellar--except a small hole dug in the ground, called a cyclone cellar, where the family could go in case one of those great whirlwinds arose, mighty enough to crush any building in its path. It was reached by a trap door in the middle of the floor, from which a ladder led down into the small, dark hole.</p> 32 </div> 33 </body> 34 </html>