布局高度为100%的侧边栏

时间:2014-03-18 08:18:00

标签: html css layout

我正在努力创建一个有两个侧边栏的网站,它们都是从上到下,或从页眉到页脚...无论我尝试什么,它都不起作用,我不会知道为什么......

这可能是我犯的一些愚蠢的错误,但我有创建网站的经验,但这样的事情从来没有发生在我身上。

以下是Work-in-Progress版本的链接:http://dino-praso.stud.ba/aubih/eLearning/

JSFiddlehttp://jsfiddle.net/6Mr48/

2 个答案:

答案 0 :(得分:1)

不使用javascript或使用背景图片“作弊​​”,请考虑以下小提琴中的代码:

Fiddle Here

通过将所有内容放在“包装器”中,只要<section>的内容超出侧边栏内容的高度,包装内的包装<div>就会延伸到<section>内容。这允许侧边栏(也是包装div的子节点)以您想要的方式使用100%。

答案 1 :(得分:0)

别忘了

display: block;
position: absolute;

在您页面的左侧