我熟知的三栏自适应高度的布局

导语：

最近，一个朋友问我大家耳熟能详的一些网页布局，由于平时仅为了实现某些布局而无暇总结，在此对个别典型布局进行一个小结，以此供大家研究。

一个三栏的自适应高度的布局：

方案一（绝对定位）：

页面html:

    html,body{margin:0px; height:100%;}    #left,#right{ width:200px; height:100%;}    #left{ float:left; background-color:Yellow;}    #right{ float:right; background-color:Blue;}    #middle{ margin:0px 210px; background-color:Green; height:100%; }