我正在构建一个一行三个并排排列的区域，但是我希望占用整个宽度，即使只有三个区域中有内容。

给每个区域填充/边距10px
设置每个区域的背景色以匹配主题背景色-在我的情况下为白色
在每个区域内创建一个div（以在它们之间创建边距的错觉。
HTML看起来像这样：

    <ul>
       <li>
       </li>
    </ul>

CSS看起来像这样：

ul { display: flex; flex-wrap: wrap;}
 li { box-sizing: border-box; flex-grow: 1; flex-basis: 0; margin: 10px;}