CSS和固定导航

时间:2011-03-10 12:09:33

标签: css

我是CSS的新手,也是WPF /桌面应用的背景。 我需要格式化网站的布局与客户端版本(WPF)完全相同。这基本上由三个关键领域组成: 1)底部栏(25px高度)用于显示右上角的状态消息和徽标 2)中间区域有两个cols(LeftNav和main-content)。 3)标题 我想要的是“底栏”应该始终显示,如果内容放大了主要内容的页面高度,应该有一个滚动条。 此外,“LeftNav”也应该显示为底部对齐(如outlook)并向上增长但覆盖整个高度直到标题部分。 主要内容应该是顶部对齐的并且在标题之后开始。 标题的固定高度为100PX。

任何人都可以通过分享一些CSS风格帮助我做到这一点。

1 个答案:

答案 0 :(得分:0)

尝试使用绝对位置定位页眉,页脚和主容器包装(包含左右内容)。页脚bottom: 0px;,页眉top:0px;。 当您的内容超出用户屏幕的总高度时,在右侧或左侧中间容器上声明overflow: auto;以进行滚动也非常重要。 如果您有任何其他问题,请随时提出