| darin | b5a817a | 2003-07-31 00:18:03 +0000 | [diff] [blame] | 1 | <html> |
| 2 | <head> |
| 3 | <style> |
| 4 | div.box { |
| 5 | height: 100px; |
| 6 | width: 100px; |
| 7 | background-color:red; |
| 8 | display: -moz-box; |
| commit-queue@webkit.org | a659cc29 | 2010-07-21 20:39:15 +0000 | [diff] [blame] | 9 | display: -webkit-box; |
| darin | b5a817a | 2003-07-31 00:18:03 +0000 | [diff] [blame] | 10 | display: box; |
| 11 | } |
| 12 | |
| 13 | div.innerBox { |
| 14 | width: 100px; |
| 15 | background-color:green; |
| 16 | } |
| 17 | </style> |
| 18 | </head> |
| 19 | <body> |
| 20 | <p>You should see a green 100x100 box below. If you see a red box, then the inner block is not properly growing |
| 21 | to fill the height of the enclosing box. |
| 22 | </p> |
| 23 | <div class="box"> |
| 24 | <div class="innerbox"></div> |
| 25 | </div> |
| 26 | </div> |
| 27 | </body> |
| 28 | </html> |
