CSS清除浮动

今天看到一篇文章关于清除浮动的，突然间脑袋短路了，咦？为什么要清除浮动？原谅我的无知，搜了下原来是这样，又倒腾出原来的笔记，唉，本来就有记录啊，而且也会经常用到，用的久了连原理都忘了。恩，防止自己再犯同样的错误，我还是自己总结整理出来吧！话不多说，代码为证！

   1     DOCTYPE html  > 
  2     html  > 
  3         head  > 
  4             meta   charset  ="UTF-8"  > 
  5             title  > 为什么要清除浮动   title  > 
  6             style  > 
  7               .wrapper  {  width  :  50%  ;  background  :   cornflowerblue  ;  border  :  2px solid black  ;  } 
  8               .box1  {  width  :   30%  ;  height  :   100px  ;  background  :   red  ;  } 
  9               .box2  {  width  :   30%  ;  height  :   100px  ;  background  :   black  ;  } 
 10               .box3  {  width  :   30%  ;  height  :   100px  ;  background  :   chocolate  ;  } 
 11             style  > 
 12         head  > 
 13         body  > 
 14             div   class  ="wrapper"  > 
 15                 div   class  ="box1"  >  div  > 
 16                 div   class  ="box2"  >  div  > 
 17                 div   class  ="box3"  >  div  > 
 18             div  > 
 19         body  > 
 20     html  >   

查看更多关于CSS清除浮动的详细内容...