CSS调整大小属性都不能与flex一起正常使用

Question

我在flexbox中使用CSS调整大小属性，它仅在垂直方向上起作用，而在水平方向上不起作用。第二个问题是 垂直行为可以让您调整大小。

* {
	box-sizing: border-box;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}


.box {
	flex: 1 1 50%;
	border: 1px solid red;
	overflow: auto;
	padding: 4em;
	resize: both;
}

<section class="flex">
	<div class="box">1</div>
	<div class="box">2</div>
	<div class="box">3</div>
	<div class="box">4</div>
</section>

出什么问题了？

Answer 1

我希望它可以帮助您

Classpath

* {
	box-sizing: border-box;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}


.box {
	width: 50%;
	border: 1px solid red;
	overflow: auto;
	height: 100px;
	resize: both;
}