HTML表单在调整大小时不使用div收缩

我有两个浮动div，一个在左边，另一个在右边，左边的浮动div有一个带有输入字段的表单。但是，我发现当我调整页面大小时，浮动div会收缩，但表单不会随之收缩，反过来会在浮动父对象之外扩展。我尝试将max height设置为form，所有父对象都有特定的高度，但它似乎不起作用。有什么建议吗

                    <div class="12u formside">
                                <form id="ideaform">
                           <div class="row 50%">
                                        <div class="6u">
                            <input type="text" name="ideaname" id="name" placeholder="Give Your Idea A Title"/>
                                        </div>
                                        <div class="6u 12u(3)">
                                            <input type="email" name="email" id="email" value="" placeholder="Email" />
                                        </div>
                                    </div>

                                            <div class="row 50%">
                                        <div class="12u">
                                            <input type="text" name="subject" id="subject" value="" placeholder="Video Link" />
                                        </div>
                                    </div>
                                        <div class="row 50%">
                                        <div class="12u">

                    <select id="select" name="select2">
                    <option selected disabled>Choose The Category Your Idea Falls Under</option>
                      <option value="science">Technology (E.G Code, Engineering)</option>
                      <option value="business">Business</option>
                      <option value="community">Community Related</option>
                      <option value="sports">Sports</option>
                      <option value="environment">Environment</option>
                      <option value="food">Food</option>
                      <option value="others">Others</option>
                    </select>

                </div>
                                    </div>

                                            <div class="row 50%">
                                        <div class="12u">
                                            <textarea maxlength="200" name="message" id="message" placeholder="Give a Short Descrition of Your Idea" rows="6"></textarea>

                                        </div>

                                    </div>

                                     </form>


                    </div>

                    <div class="12u fileside">

                    </div>





            </section>

选择你的想法所属的类别
技术（例如代码、工程）
生意
社区相关
体育
环境
食物
其他

我已经尝试使用溢出隐藏，但这将隐藏表单字段

---

正如您所看到的，当屏幕最小化时，表单会扩展到其父级之外，侵入底部分区。

一些css或小提琴可能会出现在手上，但我认为它们看起来很有效。。你能澄清你的问题和你在做什么吗有两个浮动div，一个在左边，另一个在右边，这个表单在左边。但是，当调整浮动div的大小时，表单将扩展而不是收缩，并扩展到父div之外