HTML表单在调整大小时不会缩小div

Question

我有两个浮动的div，一个在左边，另一个在右边，左浮动的div有一个带有输入字段的表单。但是，我发现当我调整页面大小时，浮动的div会缩小，但是表单不会缩小，反过来扩展其浮动父级的OUTSIDE，我尝试将最大高度设置为形式，所有父级都有特定的高度，但它似乎没有工作。有什么建议？

                    <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>

我尝试过使用隐藏隐藏但会隐藏表单字段。

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