html – Twitter Bootstrap侧边栏扩展到底部

概述我正在使用twitter bootstrap,在阅读堆栈溢出的所有答案后将div扩展到底部我想出了我的侧边栏的代码. 身体 <div id="wrapper-sidebar"> <div id="content-sidebar" class="text-center"> <h1> hello</h1> <p>welcome to the admin pane 我正在使用twitter bootstrap,在阅读堆栈溢出的所有答案后将div扩展到底部我想出了我的侧边栏的代码.

身体

<div ID="wrapper-sIDebar">    <div ID="content-sIDebar" >        <h1> hello</h1>        <p>welcome to the admin panel</p>        <p>have a nice stay!</p>    </div></div>

CSS

#wrapper-sIDebar {    margin: 0 auto;    wIDth: 300px;    height: 100%;    padding: 0;    position: absolute;}#content-sIDebar {    background-color: #f5f5f5;    border: 1px solID #e3e3e3;    -webkit-border-radius: 4px;    -moz-border-radius: 4px;     border-radius: 4px;    -webkit-Box-shadow: inset 0 1px 1px rgba(0,0.05);    -moz-Box-shadow: inset 0 1px 1px rgba(0,0.05);     Box-shadow: inset 0 1px 1px rgba(0,0.05);     height: 100%;     padding-top: 5px;}.text-center {  text-align: center;}

现在这确实使侧边栏延伸到我的页面底部,但它也插入了一个滚动条,当我向下滚动时,我的文本被切断了.任何帮助,将不胜感激.有没有人知道如何使用bootstrap CSS类扩展div / sIDebar(即height = 100％)？

jfiddle是here,但它实际上没有显示文本被切断,因此我之前没有发布.

解决方法 我相信滚动条是由填充顶部和/或边框引入的.您可能需要降低高度以解决这些问题. 总结

以上是内存溢出为你收集整理的html – Twitter Bootstrap侧边栏扩展到底部全部内容，希望文章能够帮你解决html – Twitter Bootstrap侧边栏扩展到底部所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。