flaot属性记要

今天在知乎上看到的一个关于float的问题的求解，我就沿着这条线，在机子上敲了一些代码，代码和结果大致是这样的：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 <style>
 7 div{width:200px;
 8 height:200px;
 9 border:1px solid #999;}
10 .a{
11     background-color:#C03;}
12 </style>
13 </head>
14 
15 <body>
16 <div>
17     <div class="a">one</div>
18     <div class="b">two</div>
19     <div class="c">three</div>
20 </div>
21 
22 </body>
23 </html>

将代码改成这样

.a{float:left;
    }
.b{
  background-color:#00F;}

结果：

最后，我也懵了。

posted on 2016-08-16 09:46  zhang1231  阅读(146)  评论(0)  编辑  收藏  举报

导航