侧边栏粘贴div在视口底部

时间:2012-11-30 13:20:30

标签: css footer sidebar sticky

我想将div放在屏幕视口/可见区域底部的侧边栏内。正如你在jsfiddle中看到的那样,有一个标识div,一个导航div和应该粘贴在页面底部的侧边栏页脚div - 但是如果屏幕太小而无法显示所有元素,导航应该按下页脚下。 如果我将页脚绝对定位于底部:0 - 如果可见区域不够大,导航和页脚重叠。

<div id="left">
<div id="branding">Logo</div>
<div id="navigation">Variable height Navi</div>
<div id="sidebar-footer">Fixed Height, Stuck to bottom Footer</div>

小提琴: http://jsfiddle.net/marknolan/HvcQW/

实际实施: http://contao.marknolan.ch

任何帮助appriciated! 感谢

0 个答案:

没有答案