当子div超过父div时，HTML在新行中显示子div

检查

当父div的宽度超过时，我尝试将子div元素带到新行。我尝试了display:flex，但当父div的宽度超过时，子div不会到达新行。与引导类行一样，当子div元素超过父元素的宽度时，它应该放在新行中

HTML

 <div class="wrap">
      <div class="block">Block 1</div>
      <div class="block">Block 2</div>
      <div class="block">Block 3</div>
      <div class="block">Block 4</div>
      <div class="block">Block 5</div>
</div>

---

显示的默认值为：flex是不允许孩子们包装-尝试添加
flex wrap:wrap属性到您的
.wrap
选择器

.wrap
{
宽度：140px；
柔性流：行换行；
显示器：flex；
背景：黄色；
}
块
{
右边距：5px；
宽度：70px；
}

第一区
第2区
第3区
第4区
第5区
我尝试过，结果是即使未超过父元素的宽度，子元素也会转到新行宽度已超过，但是-内部元素上也有一个边距，因此，它们的宽度都是75px，因此不能在同一行中容纳两个。我将wrap的宽度增加到200px..但仍然无法使用.wrap选择器的CSS：
.wrap{width:200px；display:flex；flex wrap:wrap；background:yellow；}
在您的示例中，它当然是包装的。是的，它现在起作用了……在我用flex-wrap:wrap替换display:flex而不是添加它之前。。
.wrap
{
  width:140px;
  display:flex;
  background:yellow;
}
.block
{
  margin-right:5px;
  width:70px;
}