Question

我正在尝试自学构建响应式网站。我正在使用Zurb的Foundation 6并且实际上已经设法组建了一个简单的网站，但我在页面底部有间隔问题。

问题区域是我页面的“分页”和“页脚”部分。

该网站可以在test.allvixen.com上看到，我的代码如下：

<div class="large-12 columns">
    <center>
            <nav class="pagination">
            <ul>
                <li><a href="" rel="nofollow">&laquo; First</a></li>
                <li><a href="" rel="nofollow">&lsaquo; Back</a></li>
                <li>1</li>
                <li><a href="" rel="nofollow">2</a></li>
                <li><a href="" rel="nofollow">3</a></li>
                <li><a href="" rel="nofollow">4</a></li>
                <li><a href="" rel="nofollow">5</a></li>
                <li><a href="" rel="nofollow">6</a></li>
                <li><a href="" rel="nofollow">7</a></li>
                <li><a href="" rel="nofollow">8</a></li>
                <li><a href="" rel="nofollow">9</a></li>
                <li><a href="" rel="nofollow">10</a></li>
                <li><a href="" rel="nofollow">11</a></li>
                <li><a href="" rel="nofollow">12</a></li>
                <li><a href="" rel="nofollow">13</a></li>
                <li><a href="" rel="nofollow">14</a></li>
                <li><a href="" rel="nofollow">15</a></li>
                <li> . . . </li>
                <li><a href="" rel="nofollow">94</a></li>
                <li><a href="" rel="nofollow">95</a></li>
                <li><a href="" rel="nofollow">96</a></li>
                <li><a href="" rel="nofollow">Next &rsaquo;</a></li>
                <li><a href="" rel="nofollow">Last &raquo;</a></li>
            </ul>
        </nav>
  </div>

  <div class="large-12 columns">
  <div id="footer">
        &copy; 2013 - <a href="http://allvixen.com/">allvixen.com</a>
        </div>
        </center>

        </div>

有人可以如此友好地提供一些关于我做错了什么的建议，或者我可以在哪里了解更多关于这个具体问题以及如何纠正它？

Answer 1

columns类的最小高度为350px。这导致您的最后一个列元素比它应该更大。

对于columns，您不希望拥有最小高度，请添加min-height:0px;。

示例：

.columns:last-child {
  min-height:0px;
}

Answer 2

中心标签必须在正确的位置。另外http://test.allvixen.com/的app.css包含了最小高度为350px的列类。删除最小高度。

＆＃13;

Partial Class PickItems
Inherits System.Web.UI.Page

Dim sum As Integer = 0
Protected Sub ListBox1_SelectedIndexChanged(sender As Object, e As EventArgs) Handles ListBox1.SelectedIndexChanged

    sum = sum + CInt(ListBox1.SelectedValue)
    Label1.Text = sum.ToString()


End Sub

Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
    Label2.Text = Request.QueryString("Name").ToString()


End Sub End Class

＆＃13;

为什么我网站底部有多余的空间？

2 个答案: