在想完成这样的布局的时候，发现flex是最直接了当的

父元素 display:flex;子元素 flex:1;

排版的很漂亮；但是flex不兼容ie 就呵呵了 还是得通过margin:50px;

但是第四个也有margin-right

导致不居中；这个时候可以父元素 margin-right:-50px;

就完成了，但是在小于父类宽度的屏幕下，会出现滚动条，就是margin-right负值引起的，

这时候把父类display：inline-block;

margin 负值