探索CSS实现三行三列等高布局

翻译自：In Search of the Holy Grail
原文：http://www.alistapart.com/articles/holygrail
这个翻译的页面版权归greengnn所有，转载请注明出处

<div id="header"></div>

<div id="container"></div>

<div id="footer"></div>

#container {
 padding-left: 200px; /* LC width */
 padding-right: 150px; /* RC width */
}

<div id="header"></div>

<div id="container">
 <div id="center" class="column"></div>
 <div id="left" class="column"></div>
 <div id="right" class="column"></div>
</div>

<div id="footer"></div>

#container .column {
 float: left;
}
#center {
 width: 100%;
}
#left {
 width: 200px; /* LC width */
}
#right {
 width: 150px; /* RC width */
}
#footer {
 clear: both;
}

#left {
 width: 200px; /* LC width */
 margin-left: -100%;
}

#container .columns {
 float: left;
 position: relative;
}
#left {
 width: 200px; /* LC width */
 margin-left: -100%;
 right: 200px; /* LC width */
}