Question

文档类型：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

体：

<body>
    <div class = "site-container span-24">
        <div class="page-header-heading heading-font span-24">
                    <h1>Heading</h1>
        </div>
        <div class="page-header span-24">

        </div>
        {% block content %}{% endblock content %}
        {% block footer %}{% endblock %}
    </div>

    {% block js %}
        <script src="/media/js/jquery-1.4.4.min.js" language="javascript" type="text/javascript"></script>
        <script src="/media/js/main.js" language="javascript" type="text/javascript"></script>
    {% endblock %}
</body>

即使我将margin：0 auto添加到.site-container也不起作用。为什么呢？

.site-container还没有任何内容。

Answer 1

最外面的<div>应该有一个container类，而不是site-container。此外，对于最外面的<div>，您不需要指定列数。它是整数（默认为24）。

请参阅the Blueprint website's demo page，例如：

<body>
    <div class="container">
    ....
    </div>
</body>

有关如何使用蓝图的更多信息，请参阅以下链接：

Answer 2

你在div上设置了宽度吗？否则它不会居中，因为它只会扩展到页面的宽度。

为什么div不是页面的中心？

2 个答案: