floats-wrap-bfc-outside-001

float

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html lang="en"><head>
 3     <link rel="reference" href="floats-wrap-bfc-outside-001-ref.xht">
 4     <title>CSS Test: float</title>
 5     <link rel="author" title="L. David Baron" href="http://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 {width: 100%; height:10em;}
15 </style> 
16 
17 </head>
18 <body>
19 <div id="wrap">
20 	<div class="b"></div>
21 	<div class="a"><textarea></textarea></div>
22 </div>
23 
24 
25 </body></html>