CSS和固定導航

我是新來的CSS和WPF /桌面應用程序的背景。我需要格式化網站的佈局完全一樣的客戶端版本（WPF）。它基本上由三個關鍵區域組成： 1）用於顯示狀態消息和徽標的底欄（25px高度），位於右角 2）中間區域有兩列（LeftNav和主要內容）。 3）標題我想要的是應始終顯示「底部欄」，如果內容放大主要內容的頁面高度，則應該有一個滾動條。此外，「LeftNav」也應該出現底部對齊（如Outlook）並向上生長，但覆蓋整個高度直至標題部分。主要內容應該頂部對齊，並在頭部之後開始。標頭的固定高度爲100PX。CSS和固定導航

任何人都可以通過分享一些CSS樣式來幫助我做到這一點。

來源

2011-03-10 Jhelumi

嘗試用絕對位置定位頁眉，頁腳和主容器包裝（含有左右內容）。頁腳bottom: 0px;，標題top:0px;。當您的內容超過用戶屏幕的總高度時，在右側或左側中間容器上聲明overflow: auto;以獲得滾動也非常重要。如果您有任何其他問題隨時問

來源

2011-03-10 12:59:36

嗨，感謝您的答覆。我做了工作，但我想要的是「主要內容」區域（右側），如果左側導航欄打開/關閉，可以縮小/展開。目前我設置它浮動：左和左：200px;這是左導航的寬度。但是當我用Jquery隱藏Left Nav時，它左側有200px的空格。我怎樣才能使它動態？ – Jhelumi 2011-03-10 13:53:31

嘗試使用javascript，當左側面板可見時將填充設置爲200px，當隱藏面板時將填充設置爲0px。這很簡單。 – 2011-03-10 14:04:48

謝謝你。有關中間部分的一些問題。我有包含「leftNav」和「maincontent」區域的包裝類。我將包裝位置設置爲絕對頂部：100px;高度：100％;但這使得它在頁腳div下增長，並且沒有滾動條出現雖然我已經在「maincontent」上設置了溢出：auto。我認爲身高：100％;佔據整個窗口的高度。我怎樣才能讓它只在頁眉和頁腳之間伸展？另外，我還希望leftNav的底部對齊，我設置垂直對齊：底部，但它仍然從頂部開始。 – Jhelumi 2011-03-10 14:20:58

CSS和固定導航

回答

相關問題