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

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

这里是my page。

来源

2013-05-26 redshift

你'我page'链接返回404 – chakrit

随着目前的细节，我会说你需要查找'虚拟专栏'的解决方案。下面是几个环节来回答这个问题

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的，我们可以看看

来源

2013-05-27 02:37:06 Zane

赞恩，谢谢你，但我结束了咨询我的一些老CSS笔记，并与填充/保证金1000em招去了。现在一切都很好，谢谢！ – redshift

你可以模拟一个表格：

<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-23 23:46:41 tim

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

回答

相关问题