Question

我只是想在我的网站上添加一个表单，但是当我添加它并使用上面的内容以使其适合框架时，它只是将所有内容推送到Like so

我怎么能拥有它所以它在顶部对齐？我无法弄清楚为什么它会被推到下半部分。

相关代码：

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

Answer 1

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

我找到了它：

这里：

 .serve-apply > .body {

你做

height:450px;

删除

你有一些div只是关闭而且从未打开过

如何阻止花车和班级互相推挤？

1 个答案: