CSS踩坑 关于min-width和width的区别

遇到的问题：
在表格中想要画圆的时候，我设置了

 height: 8px;
 width:  8px;
 border-radius: 50%;

却发现画的圆是扁的，后来我发现
一般情况下，width设置盒子宽度的固定值。 min-width设置盒子宽度的最小值。

在父元素设置为flex弹性布局的情况下：
a、 子元素宽度和小于父元素时，同上，width设置盒子宽度的固定值。 min-width设置盒子宽度的最小值。
b、子元素宽度和大于父元素时，width设置的盒子宽度会被压缩，具体宽度计算公式：
子元素 宽度 = （该子元素宽度 / 所有子元素宽度和） * 父元素宽度
而此时min-width设置的盒子宽度不会被压缩，盒子的最小宽度为 设置的min-width的值。

于是改变代码

      height: 8px;
      min-width:  8px;
      border-radius: 50%;
      ```