| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>CSS Test: Region overflow</title> |
| <link rel="author" title="Alan Stearns" href="mailto:stearns@adobe.com"/> |
| <style type="text/css"> |
| body{ |
| line-height: 20px; |
| } |
| .region{ |
| width: 10em; |
| height: 30px; |
| background-color: silver; |
| } |
| .auto{ |
| float: left; |
| margin-right: 5px; |
| } |
| .rightSide{ |
| float: left; |
| } |
| </style> |
| </head> |
| <body> |
| <p>This test passes if "auto 2" runs through the bottom edge of the silver rectangle and only "break 1" is visible in the right rectangle.</p> |
| <div class="auto region"> |
| <div>auto 1</div> |
| <div>auto 2</div> |
| </div> |
| <div class="rightSide"> |
| <div class="break region"> |
| <div>break 1</div> |
| </div> |
| </div> |
| </body> |
| </html> |