我是 CSS 的新手,具有 WPF/桌面应用程序的背景。 我需要格式化与客户端版本 (WPF) 完全相同的网站布局。这基本上由三个关键领域组成: 1) 底部栏(25 像素高)用于在右上角显示状态消息和 Logo 2) 中间区域有两个列(LeftNav 和 main-content)。 3)标题 我想要的是“底部栏”应该始终显示,如果内容扩大了主要内容的页面高度,则应该有一个滚动条。 此外,“LeftNav”也应显示为底部对齐(如 outlook)并向上增长但覆盖整个高度直至标题部分。 主要内容应该顶部对齐并在标题之后开始。 header固定高度为100PX。
任何人都可以通过分享一些 css 样式来帮助我来做到这一点。
最佳答案
尝试使用绝对位置定位页眉、页脚和主容器包装器(包含左右内容)。页脚 bottom: 0px;
,页眉 top:0px;
。
当您的内容超过用户屏幕的总高度时,在右侧或左侧中间容器上声明 overflow: auto;
以获得滚动也很重要。
如果您有任何其他问题,请随时提问
关于CSS 和固定导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5259404/