1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title></title> 7 <style type="text/css"> 8 .box { 9 width: 500px; 10 height: 500px; 11 /*overflow: hidden;*/ 12 } 13 14 .one { 15 width: 200px; 16 height: 200px; 17 background-color: #FFE4C4; 18 float: left; 19 } 20 21 .two { 22 width: 200px; 23 height: 200px; 24 background-color: aqua; 25 float: left; 26 } 27 28 .three { 29 width: 200px; 30 height: 200px; 31 background-color: brown; 32 float: right; 33 } 34 </style> 35 </head> 36 37 <body> 38 <div class="box"> 39 111111111111111111111111111111111111111111111 111111111111111111111111111111111111111111111 111111111111111111111111111111111111111111111 40 <div class="one">1111111111</div> 41 <div class="two"></div> 42 <div class="three">3333333333</div> 43 44 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 45 </div> 46 47 </body> 48 49 </html>
原文：https://www.cnblogs.com/tidemartin/p/12065908.html