为何不同div中的input输入框未换行显示？

给你几个新手常踩的排查方向：

• 检查CSS里有没有给div设置display: inline或display: inline-block，这俩属性会让div失去块级元素独占一行的特性，直接删掉或者改成display: block就行。
• 看看这两个div的父容器是不是用了display: flex，flex布局默认子元素横向排列，给父容器加flex-direction: column就能让div纵向换行。
• 有没有给div加float: left/right？浮动会让元素脱离正常文档流挤到一行，给div加clear: both就能修复。

要是还没解决，把你的HTML和CSS代码贴出来就能精准定位问题。给你个正常换行的示例参考：

<!-- 正常换行的HTML结构 -->
<div>
  <input type="text" placeholder="第一个输入框">
</div>
<div>
  <input type="text" placeholder="第二个输入框">
</div>

/* 无特殊样式时，div默认是块级元素，自动换行 */
/* 避开这类会破坏布局的属性 */
/* .input-wrap {
  display: inline-block;
  float: left;
} */

内容的提问来源于stack exchange，提问作者Brandon