CSS基础（4.float详解）
这一节是你能否写成网页的关键：
<!DOCTYPE html> <!--这一节的内容很关键，如果不会，将难以做出一个网页--> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="width: 20%; background-color: red">666</div> <div style="width: 80%; background-color: green">666</div> </body> </html> 可以看出，这里我想让一行前20%红色，后80%绿色，请看输出： 发现不合适。接下来将讲解决这种问题的方法！
<!DOCTYPE html> <!--这一节的内容很关键，如果不会，将难以做出一个网页--> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="width: 20%; background-color: red; float: left">666</div> <div style="width: 60%; background-color: green; float: left">666</div> <!--这里是两个都往左飘--> <br> <br> <div style="width: 20%; background-color: red; float: left">666</div> <div style="width: 60%; background-color: green; float: right">666</div> <!--这里是一个往左飘，一个往右飘， 百分比之和小于一百时候，在一行，否则，另起一行--> </body> </html>