1151993-1-orthogonal-block-size-ref.html (1255B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Bug 1151993 - sizing of orthogonal block</title> 6 <style> 7 .outer { 8 width: 400px; 9 height: 300px; 10 border: 1px solid silver; 11 overflow: visible; 12 display: inline-block; 13 margin: 10px; 14 vertical-align: top; 15 } 16 .test1 { 17 background: yellow; 18 width: 100px; 19 height: 40px; 20 } 21 .test2 { 22 background: yellow; 23 width: 100px; 24 height: 300px; 25 } 26 </style> 27 </head> 28 <body> 29 <div class="outer"> 30 <p>Lorem ipsum dolor sit amet, illum harum sed cu, ex mea delectus recteque. 31 Sit aperiri incorrupte cu. Et eam ullum minim disputando, no usu stet postea.</p> 32 <div class="test1"></div> 33 <p>Cu ornatus accusam nam, minim impedit omittantur vel ne. 34 Qui detraxit temporibus contentiones te.</p> 35 </div> 36 <div class="outer"> 37 <p>Lorem ipsum dolor sit amet, illum harum sed cu, ex mea delectus recteque. 38 Sit aperiri incorrupte cu. Et eam ullum minim disputando, no usu stet postea.</p> 39 <div class="test2"></div> 40 <p>Cu ornatus accusam nam, minim impedit omittantur vel ne. 41 Qui detraxit temporibus contentiones te.</p> 42 </div> 43 </body> 44 </html>