首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-12-27 
我熟知的三栏自适应高度的布局导语:最近,一个朋友问我大家耳熟能详的一些网页布局,由于平时仅为了实现某些

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

导语:

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


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

方案一(绝对定位):

页面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%; }

以上方案完全兼容所有浏览器,大家可以放心使用。

热点排行