floats-wrap-bfc-outside-001.xht (880B)
1 <!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" lang="en"><head> 2 <title>CSS Test: float</title> 3 <link rel="author" title="L. David Baron" href="https://dbaron.org/" /> 4 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> 5 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" /> 6 <link rel="match" href="floats-wrap-bfc-outside-001-ref.xht"/> 7 8 <style type="text/css"> 9 #wrap {width:600px; border:1px solid;} 10 .a {background:lime; color:#fff; width:80%;} 11 .b {float:right; width:18%; background: cyan; color: #000; height:10em;} 12 textarea {box-sizing: border-box;width: 100%; height:10em;} 13 </style> 14 15 </head> 16 <body> 17 <div id="wrap"> 18 <div class="b"></div> 19 <div class="a"><textarea></textarea></div> 20 </div> 21 22 23 </body></html>