使用flex进行水平居中的一个问题

对父元素使用flex，能快速使其中的子元素水平居中，

  .container {
    display: flex;
    flex-direction: column;
   align-items: center;
  }

但是这样会是的子元素中的块元素，默认充满一行的100%失效，需手动为子元素设置宽度。
然而去掉align-items: center;后，块元素又能100%占满一行了。

另外：浮动在flex容器中无效。