Jquery 如何阻止浮动和类相互推倒？

我只是想在我的网站上添加一个表单，但是当我添加表单并使用上面的方法使其适合框架时，它只是将所有内容向下推

我怎样才能让它在顶部对齐？我不明白为什么它会被推到褶皱的下半部分

相关代码：

使用css链接到jsfiddle:jsfiddle.net/sz2f64hd/

<div class="paging">

    {$page}

</div><!-- end paging -->

</div><!-- end body -->

<div class="site">
    <div class="section">
        <div class="serve-apply">
            <div class="body">
                <ul>
                    <volist name="index_mid4" id="item">
                        <li>
                            <h4><a href="{$item.url}">{$item.title}</a></h4>
                            {$item.content}
                            <i class="{$item.title_sub}"></i>
                        </li>
                    </volist>
                </ul>
            </div><!-- end body -->

            <div class="categories">

                <div class="head">

                    <h3>categories</h3>

                </div><!-- end head -->

                <div class="body">

                    <ul>

                        <volist name="category_list" id="item">

                            <li><a href="{$item.href}"><em>{$item['title']}</em>

                                    <i class="num"></i></a></li>

                        </volist>

                    </ul>

                </div><!-- end body -->

            </div><!-- end categories -->

            <div style="clear:both;" />

            <div class="side shake-an">
                <form action="{:U('Contact/quickAdd')}" class="frm_contact">
                    <input type="hidden" name="type" value="1" />
                    <h3>              Request <em>FREE</em> Trial</h3>
                    <div class="form-element">
                        <input type="text" class="form-text blue" name="customer_name" id="username" placeholder="Full Name" />
                        <label for="username" class="iconfont icon-user"></label>
                    </div><!-- end form-element -->
                    <div class="form-element">
                        <input type="text" class="form-text blue" name="email" id="username" placeholder="Email" />
                        <label for="username" class="iconfont icon-letter"></label>
                    </div><!-- end form-element -->
                    <div class="form-element">
                        <input type="text" class="form-text blue" name="city" id="username" placeholder="Preferred City" />
                        <label for="username" class="iconfont icon-map"></label>
                    </div><!-- end form-element -->
                    <div class="form-element last">
                        <button type="submit">Submit</button>
                    </div><!-- end form-element -->
                </form>
            </div><!-- end side -->
        </div><!-- end serve-apply -->
    </div><!-- end section -->

{$page}


{$item.content}


类别



请求免费试用
提交

为什么你的身体在头球之前结束？ 你能给我们看看CSS吗？ 你试过f12和ctrl u来分析代码吗？ 也许有隐藏的东西，用f12搜索元素，然后你可以检查并尝试CSS

我发现它：

在这里：

 .serve-apply > .body {

你做

height:450px;

删除那个

---

你有一些刚刚关闭但从未打开的div

*{vertical align:top；}？我没有看到主体在标题之前的结束位置，这是一个jsfiddle，包含网页使用的所有css。我尝试过使用f12和ctrl u进行搜索，但我没有想到你这边的任何东西。shake-an div不在主体内部，对吗？我是说你想要吗？