Question

如何将我的左侧边栏一直向下延伸，以便它与页脚连接？

这是my page。

Answer 1

根据目前的详细信息，我会说你需要查找一个“人造”栏目＆＃39;解。以下是回答该问题的几个链接

4 Methods For Creating Equal Height Columns In CSS

Responsive full height (equal height) columns using the faux columns css technique

Stackoverflow - Full height faux columns

如果您可以通过更多的html / CSS我们可以看看

Answer 2

您可以模拟表格：

<html>
<style>
  html {
    display: table;
    width: 100%;
    min-height: 100%;
  }

  body {
    display: table-row;
  }

  .sidebar {
    width: 250px;
    display: table-cell;
    vertical-align: top;
    min-height: 100%;
  }

  .sidebar + .content {
    display: table-cell;
    vertical-align: top;
    min-height: 100%;
  }
</style>
<body>
<div class="sidebar">a</div>
<div class="content">b</div>
</body>
</html>

https://jsfiddle.net/q7ch74Ly/

Bootstrap：如何将我的侧边栏一直延伸到页脚？

2 个答案: