Question

我正在尝试让我的应用响应，但我有一个问题，因为Footer没有响应。我读了link但这对我没用。

<body>
    <div id="wrap">
        <div id="top">
            @include('includes.top')
        </div>
        <div id="left">
            @include('includes.left')
        </div>
        <div id="content">
            @yield('content')
        </div>
        <div id="right">

        </div>
        <div id="footer">
            @include('includes.footer')
        </div>
    </div>
</body>

styles.css的

html,
body { height: 100%; }
body {
  display: table;
  width: 100%;
}
#footer {
  display: table-row;
  height: 1px;
}
#content { height: 100%; }

Answer 1

您发布的链接中的代码（在评论中）并没有像您那样实现它。

你的html应该是（根据那篇文章）

<body>
    <div id="wrap">
        <div id="top">
            @include('includes.top')
        </div>
        <div id="left">
            @include('includes.left')
        </div>
        <div id="content">
            @yield('content')
        </div>
        <div id="right">

        </div>
    </div>
    <div id="footer">
        @include('includes.footer')
    </div>
</body>

和你的css

html,
body { height: 100%; }
body {
  display: table;
  width: 100%;
}
#footer {
  display: table-row;
  height: 1px;
}
#wrap{ display: table-row; height: 100%; }

此代码的演示位于http://jsfiddle.net/LFeYA/

页脚没有响应

1 个答案: