Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 100%高度的侧边栏_Css_Html_Height_Sidebar - Fatal编程技术网

Css 100%高度的侧边栏

Css 100%高度的侧边栏,css,html,height,sidebar,Css,Html,Height,Sidebar,我在这里上传了一个例子: 我的问题是100%高度的边栏。如果内容仅为一行文本,则侧边栏应填充整个屏幕。否则,如果内容超过屏幕,侧边栏应该向下滚动到页面的末尾 我试着设置位置:相对于身体。当内容是一篇大文章时,侧边栏是可以的,但当文章是小文章时,侧边栏不适合100%的高度。经典案例。阅读它,把它放在书签上,一直放在旁边。但我不使用页脚。还是一样吗?是的,页脚是完全可选的。我应该使用哪一个示例?我已经看过了,但如果我去掉页脚,侧边栏就不适合页面的底部。啊,我明白了——即使内容不够长,你也希望列到达窗

我在这里上传了一个例子:

我的问题是100%高度的边栏。如果内容仅为一行文本,则侧边栏应填充整个屏幕。否则,如果内容超过屏幕,侧边栏应该向下滚动到页面的末尾


我试着设置位置:相对于身体。当内容是一篇大文章时,侧边栏是可以的,但当文章是小文章时,侧边栏不适合100%的高度。

经典案例。阅读它,把它放在书签上,一直放在旁边。

但我不使用页脚。还是一样吗?是的,页脚是完全可选的。我应该使用哪一个示例?我已经看过了,但如果我去掉页脚,侧边栏就不适合页面的底部。啊,我明白了——即使内容不够长,你也希望列到达窗口的底部。尝试将padding-bottom:9999px和margin-bottom:-9999px添加到两个侧栏列的样式中。