Css 带窗体的父和子div

我有这样的代码：但是#div2溢出#div1。如何使溢出的输入与其他输入相邻

    <div id="div1">
    <div id="div2">
        <form>
            <input/><br/><input/><br/><input/><br/><input/><br/><input/><br/><input/><br/><input/><br/><input/><br/><input/><br/><input/><br/>
        </form>
    </div>
</div>

#div1 {
    width:400px;
    height:100px;
    border:1px solid red;
}

#第一组{
宽度：400px；
高度：100px；
边框：1px纯红；
}

看到您的代码，我可以说您使用的是

标记，因此无法将您的输入彼此相邻。只需删除每个

即可正确对齐所有输入

此外，您还可以将

min height

用于父div

div1

#div1 {
    width:400px;
    min-height:100px;
    border:1px solid red;
}

#div2 input {display:inline; }

如果您的输入增加超过

100px高度的限制

您的父div将根据

div2

块内的输入调整高度

编辑：然而，为了解释我下面的评论，我已经更新了您的小提琴示例，您可以检查我们如何使用

标签来实现它


代码如果在这里

HTML

<div id="div1">
    <div id="div2">
        <form>
            <ul>
                <li><input/></li>
                <li><input/></li>
                <li><input/></li>
                <li><input/></li>
                <li><input/></li>
           </ul>
            <ul>
                <li><input/></li>
                <li><input/></li>
                <li><input/></li>
                <li><input/></li>
                <li><input/></li>
            </ul>

        </form>
    </div>
</div>

#div1 {
    width:800px;
    min-height:100px;
    border:1px solid red;
}
*{padding:0; margin:0}
#div2 ul{float:left; padding-left:10px; }

我不确定这是否是您想要的，但您可以为div1设置overflow:auto，为输入设置float:left。小提琴：尝试使用div的字段集instad。
请参阅：
您还应在问题中添加代码。我很感激您展示了这个示例，但有时访问网站的权限有限，许多人无法理解您的问题。看到您的代码，我可以说您使用的是

标记，因此无法将您的输入彼此相邻。只需删除每个

所有输入都将正确对齐，但如果宽度为800px，则不起作用。我的意思是，我希望输入位于#div1的末尾，然后另一个位于第一个旁边。我可以做两个div和float，但我想知道它们是否真的必要。