css一个子盒子宽度100%两个50%怎么设置

可以使用 flex 布局来实现这个效果。

首先，将父元素设置为 display: flex;，然后将子元素的宽度设置为 50%。

HTML 结构示例：

<div class="parent">
  <div class="child"></div>
  <div class="child"></div>
</div>

CSS 样式示例：

.parent {
  display: flex;
}

.child {
  width: 50%;
}

这样就可以使两个子元素宽度均分父元素了。如果需要其中一个子元素宽度为 100%，可以将其宽度设置为 100%。