.main .middle .m-top .commen{设置float：left}

.main .middle设置的是主体部分的总宽度。

.main .middle .m-top .commen{float：left width：33.3%}设置的是主体中的内容部分，微博，微信和QQ各占33.3%，这样才能够平均分配。

祝学习愉快！

就是为什么要设置.main .middle .m-top .commen{float：left width：33.3%}？