我就是要用CSS实现九宫格图

1. .float {        overflow: hidden;   
2. }    .item {   
3.     float: left;        padding-top: 33.3%;   
4.     width: 33.3%;        border-right: 1px solid #fff;   
5.     border-top: 1px solid #fff;    }   
6. .item:nth-child(1) {        padding-top: 66.6%;   
7.     width: 66.6%;    }   
8. .item:nth-child(2), .item:nth-child(3), .item:nth-child(6) {        border-right: 0 none;   
9. }    .item:nth-child(1), .item:nth-child(2) {   
10.     border-top: 0 none;    }    

实际效果并不理想，如下图：