圣杯布局梳侨，就是兩邊定寬，中間自適應(yīng)的三欄布局日丹！今天把這個(gè)布局代碼走哺，碼一下！看代碼不作過多解釋哲虾！代碼很簡單丙躏！
<div id="parents">
<div id="top">這是header!</div>
<div id="main">
<div id="left">這是Left</div>
<div id="content">這是Content!</div>
<div id="right">這是Right!</div>
</div>
<div id="foot">這是Footer!</div>
</div>
<style>
* {
margin: 0;
padding: 0;
}
#parents {
width: 100%;
margin: 0 auto;
background: #ccc;
}
#left,
#content,
#right {
padding-bottom: 2000px; //2000像素的補(bǔ)償
margin-bottom: -2000px;
}
#main {
padding-left: 100px;
padding-right: 150px;
overflow: hidden;
}
#top {
background: #666;
}
#left {
background: #E79F6D;
float: left;
width: 100px;
position: relative;
left: -100px;
}
#content {
background: #D6D6D6;
float: left;
width: 100%;
margin-left: -100px;
}
#right {
background: #77BBDD;
float: left;
width: 150px;
margin-left: -150px;
position: relative;
left: 150px;
}
#foot {
background: #666;
clear: both;
}
</style>
提示：自己動(dòng)手試一下，效果會(huì)更好束凑！
