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