浮动例子之鉴赏

创新互联专注于企业成都营销网站建设、网站重做改版、莲湖网站定制设计、自适应品牌网站建设、H5高端网站建设、商城建设、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为莲湖等各大城市提供网站开发制作服务。

在浮动原理及清除浮动一文中（http://cherry360.blog.51cto.com/12176744/1864258），简单介绍了浮动的相关基础知识，为了巩固知识点，本篇结合代码展示关于浮动的几个常见例子。

例1：九格子

---

显示结果：

例2：条纹

---

显示结果：

例3：钢琴按键

    
        

            
1
        
        

            2