flexbox-baseline-nested-001.html (938B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Test: Baseline of nested flex containers with stretched textfield inside</title> 6 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> 7 <link rel="author" title="Mozilla" href="http://www.mozilla.org/"> 8 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1672640"> 9 <link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#flex-baselines"> 10 <link rel="match" href="flexbox-baseline-nested-001-ref.html"> 11 12 <style> 13 .ib { 14 display: inline-block; 15 } 16 .outerFlex { 17 display: flex; 18 } 19 .innerFlex { 20 display: flex; 21 height: 200px; 22 } 23 </style> 24 </head> 25 <body> 26 abc 27 <div class="ib"> 28 <div class="outerFlex"> 29 <div class="innerFlex"> 30 <input value="def"> 31 </div> 32 </div> 33 </div> 34 </body> 35 </html>