在想完成这样的布局的时候，发现flex是最直接了当的
父元素 display:flex;子元素 flex:1;
排版的很漂亮；但是flex不兼容ie 就呵呵了 还是得通过margin:50px;
但是第四个也有margin-right
导致不居中；这个时候可以父元素 margin-right:-50px;
就完成了，但是在小于父类宽度的屏幕下，会出现滚动条，就是margin-right负值引起的，
这时候把父类display：inline-block;
原文：http://www.cnblogs.com/peijunma/p/6068580.html