繁体   English   中英

侧边栏高度为100%的布局

[英]Layout with 100% height sidebar

我正在尝试并申请创建一个网站,该网站具有两个侧边栏,并且两个侧边栏都是自上而下或页眉到页脚...无论我怎样尝试,它都行不通,而且我也不知道为什么...

我可能犯了一些愚蠢的错误,但是我有创建网站的经验,但是我从未发生过类似的事情。

这是正在进行的版本的链接: http : //dino-praso.stud.ba/aubih/eLearning/

JSFiddlehttp : //jsfiddle.net/6Mr48/

在不使用javascript或不使用背景图片“ cheat”的情况下,请考虑以下小提琴中的代码:

小提琴在这里

通过将所有内容放在“包装器”中,每当<section>的内容超出侧边栏内容的高度时,包装在其中的包装器<div>就会随<section>内容一起扩展。 这允许侧边栏(也是wrapper div的子级)以您想要的方式使用100%。

别忘了

display: block;
position: absolute;

在页面的左侧

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM