修复Html中的浮动框

因此，我希望我的盒子在缩小窗口时保持不变。 但现在当我缩小它们时，它们会调整大小并将浮动框推到底部空间，而不会在一起形成一条线

.bodybox1
{           
边框：1px纯黑；
宽度：45%；
背景：白色；
保证金：1%自动2%自动；
文本对齐：居中；
字号：2em；
填充：3%；
溢出：隐藏；
} 
.boxcoverblack
{
文本对齐：居中；
宽度：120px；
填充：7%；
边框：1px纯黑；
利润率最高：2%；
}
.登记区
{
宽度：30%；
浮动：对；
边框：1px纯黑；
文本对齐：居中；
填充：3%；
溢出：隐藏
} 
.signuptext
{
文本对齐：居中；
宽度：180px；
填充：7%；
字间距：15px；
边框：1px黑色实心；
线高：35px；
}      
.免费送货
{              
浮动：左；/*图像*/
}

注册以获得免费送货优惠券代码！（每个电话号码）
注册

您需要使用和一些安排： 使用

而不是

float:left

使用“垂直对齐：顶部”从包装div中移除自动对中对齐 最后

 display:flex;
 flex-wrap:nowrap;

致2名涉案div的家长

这是结果

试试这个。我猜您希望此框显示为弯曲。告诉我这是否给了你一个暗示。我刚才补充说：

display:flex;
justify-content:center;

看我的小提琴：

---

所以我猜您希望绿色和黄色项目始终保持相同高度，或者在调整大小时保持内联？抱歉，我使用了错误的链接，这是我当前正在处理的新链接..啊…此链接应该可以工作！！是的，这个新链接正在运行。请帮我处理这个。你的代码现在更改了很多。哪些盒子？你想要什么保持在线？请更正问题。哦，不…你从我那里得到了早期的链接…那是其他人的另一个链接…我现在更新了最新的链接…你能帮我看看吗？？对不起，很高兴我能帮忙：）

.bodybox1 {

  display:flex;
  justify-content:center;
  border: 1px solid black;
  width: 100%;
  background: white;
  margin: 1% auto 2% auto;
  text-align: center;
  font-size: 2em;
  padding: 3%;
  overflow: hidden;
}

display:flex;
justify-content:center;