我需要使this page的灰色侧边栏占据页面的左侧高度，一直向下移动并触摸蓝色页脚，而不会对可能构成页面的内容进行过多的攻击看起来比实际更高。
我尝试过使用height: 100%和position: table-cell以及我用Google搜索的其他许多建议，但没有真正有用。
是否可以使用Twitter Bootstrap？
jsfiddle：https://jsfiddle.net/3cb30uz1/1/
答案 0 :(得分：3)
您可以在侧边栏上设置min-height: 100vh，这样可以确保其高度至少为视口高度的100％。或者，由于您有标题，因此可以使用calc()来减去。
在这种情况下，请在主要侧边栏元素上设置：
min-height: calc(100vh - 172px);