一个盒子中两个盒子每个设置50%但是实际出来宽度不一样，怎么解决

如果你遇到这种情况，可能是由于浏览器对百分比宽度计算的不同方式导致的，特别是在没有明确设置`box-sizing`属性时。默认情况下，`box-sizing: content-box;`意味着宽度包括内边距和边框，而高度只考虑内容区域。

为了解决这个问题，你需要确保所有包含元素都统一设置了`box-sizing: border-box;`，这样宽度计算会包括边框和内边距，从而保持两个盒子的宽度一致。以下是示例CSS：

.parent-box {
  display: flex; /* 弹性布局 */
  box-sizing: border-box; /* 设置所有子元素为border-box */
}

.child-box {
  flex: 50%; /* 每个子盒子占50%的总宽度 */
  box-sizing: border-box;
  padding: 10px; /* 可选的内边距，如果有的话 */
  border: 1px solid #ccc; /* 可选的边框 */
}

确保`.parent-box`也设置了`box-sizing: border-box;`，以便宽度分配准确。如果有浮动或其他布局问题，也需要检查是否有冲突。