好幾個星期都沒寫博客了，最近不忙也不閑，稀里糊塗過了兩個星期，之前幾個月內天天堅持簽到。最近也沒簽到。哈哈，說正事。
今天做東鈿互金平台后台頁面，昨天做了一個登錄頁面，業偶碰到了一個難題。等下也要把它寫出來，先說今天的吧。兩欄布局，左邊固定，右邊自適應
百度了一下，使用了http://www.zhangxinxu.com/wordpress/2010/03/純css實現側邊欄分欄高度自動相等/ 這個原理制作側欄，分欄登等高做法 使用margin-bottom:賦值，和padding-bottom結合使用
HTML結構
CSS
container 使用了絕對定位，和height:100%;作用是為了，讓側邊欄鋪滿整屏.另外還設置了width:100%;是為了讓main寬度自適應。
這樣就做到了兩欄，等高布局。並且main自適應。
好了，主要有兩點：
一實現分欄等高
二實現鋪滿整屏，不使用背景圖模擬，也不使用js獲取高度。
因為這里后台布局稍微簡單，也就是頭部，側邊欄，和主內容，三大區域，頭部是固定高度，側邊欄和主內容並排，側邊欄滾定，主內容自適應，
用一個div 。container包住他們兩，使用絕對定位，使得它從頁面的最頂端開始，高度等於頁面高度，寬度等於頁面寬度，然后一並控制，sidebar和main和上面的邊距，使用margin-top騰出與頭部重疊的部分。這樣就能做到，不使用js就能讓container的高度等於html或者是body高度。其中
html, body{height: 100%;margin: 0px;padding: 0px; min-width: 1200px;} 這里的height:100%;是關鍵代碼。
這種方法也運用在昨天做的login頁面。