您現在所在的位置是: 首頁--> 自由發揮--> CSS Layout, two columns with header and footer
left, can be menu bar
container
header
main
left center
footer

#container { width: 500px; margin: 0 auto; } /* fixed width, center alignment. */

#header { background: #EEE; } /* choose your background color */

#main { background: #DDD; } /* choose background color. background color is the reason why this div exists. since #left and #center may have different height. */

#left { float: left; width: 150px; background: #CCC; } /* use float, and fixed width. */

#center { float: left; width: 350px; background: #BBB; } /* float, fixed width */

#footer { clear: both; background: #AAA; } /* clear both, and put this in the #main. if #footer is not in #main, background of #main will not appear */