2

如何将左侧边栏一直向下延伸,使其与页脚连接?

这是我的页面

4

2 回答 2

0

根据当前的详细信息,我会说您需要查找“人造列”解决方案。以下是回答该问题的几个链接

在 CSS 中创建等高列的 4 种方法

使用仿列 css 技术的响应式全高(等高)列

Stackoverflow - 全高仿列

同样,如果您可以过去更多的 html/CSS,我们可以看看

于 2013-05-27T02:37:06.840 回答
0

您可以模拟一个表:

<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/

于 2016-04-23T23:46:41.523 回答