Question

我有这么奇怪的问题。以下模板代码来自我在Django项目中的base.html。要看的关键部分是mobile / footer.html如何在div“mobile-wrapper”中。然而，只有一个页面（密码更改）它出现在它之外！这是该页面的firebug屏幕截图，与其他每个页面一样，扩展了“mobile / base.html”，但“footer-wrapper”（mobile / footer.html文件中唯一的内容，见下文）显示在“移动包装”之外。基本上，我不知道这是怎么可能的。

Firebug screenshot

移动/ base.html文件

<body>
    <div class="mobile-wrapper">
            {% include 'mobile/navbar.html' %}

            <div id="fb-app-id" rel="{{ FB_APP_ID }}"></div>
            <div id="site-address" rel='http://{{ SITE_ROOT }}'></div>
            <div id="image-address" rel='http://{{ SITE_ROOT }}/static/global/images/lbog_logo_large.png'></div>

            {% include 'fbscript.html' %}

            <div id="my-wrapper">
                <div class="container-fluid" id="body-wrapper">               
                    <div id="fb-root"></div>

                    {% block content %}

                    {% endblock content %}

                </div>
            </div>

            {% include 'mobile/footer.html' %}
    </div>

<script src="{% static "global/js/form_listeners.js" %}"></script>

{% block extrascripts %}
{% endblock %}

</body>

移动/ footer.html

<div id="footer-wrapper">
    <div class="container footer" id="my-footer">
        <a href="#">Back to Top</a> <b>|</b> 
        <a href="{% url 'feedback' %}">Feedback / Tell us Your Story</a> <b>|</b> 
        <a href="{% url 'about' %}">About Us</a> <b>|</b> 
        <a href="{% url 't-and-c' %}">Terms and Conditions</a><br>
        <div class="span3" id="fb-buttons">
{#                 <a href="{% url 'fbtest' %}">Fb test</a> #}
                <fb:login-button autologoutlink="true" onlogin="OnRequestPermission();">
                </fb:login-button>
                <button class="my-fb-like" onclick="postLike('http://{{ SITE_ROOT }}{% url 'home' %}')"></button>
                <button class="my-fb-share" onclick="postShare('http://{{ SITE_ROOT }}{% url 'home' %}')"></button>
            </div>

    </div>
</div>

Answer 1

是否在“footer-wrapper”中应用了css规则？

尝试这个css并查看它是否有效......

 div:after 
 {
     content:".";
     clear:both;
     visibility:hidden;
     display:block;
     height:0px;
 }

包含在div之外的文件，即使HTML代码中的内部标记

1 个答案: