翻譯自：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 */
}