html – 具有动态正确内容的100％左侧边栏 – Bootstrap WordPress

概述我使用Bootstrap和Wordpress制作一个网站.这是一个2列的布局 – 左边栏,正确的内容.正确的内容是动态的,并通过无限滚动扩展.我试图通过几种技术使左侧边栏100％的高度,但无济于事. 我想让侧边栏根据正确的内容div的视口/高度的大小继续下去. 我做了一个裸露的小提琴：http://jsfiddle.net/ydPMr/3,但如果您在我的开发者页面上看到我正在谈论的话,会更好：ht 我使用bootstrap和wordpress制作一个网站.这是一个2列的布局 – 左边栏,正确的内容.正确的内容是动态的,并通过无限滚动扩展.我试图通过几种技术使左侧边栏100％的高度,但无济于事.

我想让侧边栏根据正确的内容div的视口/高度的大小继续下去.

我做了一个裸露的小提琴：http://jsfiddle.net/ydPMr/3,但如果您在我的开发者页面上看到我正在谈论的话,会更好：http://joshuawalker.koding.com.

这是我的页面的基本结构：

<div ><div ></div></div><div ></div><div ></div><div ></div>

如果任何人有任何想法,如何使侧边栏伸展全身,我会很感激.

谢谢！

解决方法 这对我来说很好. Fiddle

我将最小高度设置为500px.如果你不想要最小值,删除它.它将根据您的内容在内容div的高度工作.喜欢这个Fiddle

<div >    <div >    </div>    <div >    </div></div>

和风格

<style type="text/CSS" >    .wrapper    {        min-height:100%;        wIDth:100%;        position:relative;        background-color:Black;        display:inline-block;    }    .sIDebar    {        wIDth:20%;        top:0px;        left:0px;        bottom:0px;        position:absolute;        background-color:Aqua;    }    .content    {        min-height:500px;        wIDth:80%;        position:relative;        background-color:Gray;        float:right;    }</style>

总结

以上是内存溢出为你收集整理的html – 具有动态正确内容的100％左侧边栏 – Bootstrap WordPress全部内容，希望文章能够帮你解决html – 具有动态正确内容的100％左侧边栏 – Bootstrap WordPress所遇到的程序开发问题。

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