XHTML學習筆記 3 之自適應高度css

#header

#mainbox

#sidebar

#menu

#content

#footer

這個例子的頁面主要**如下：

重點在於#mainbox層巢狀了#menu,#sidebar和#content三個層。當#content的內容增加，#content的高度就會增高，同時#mainbox的高度也會撐開，#footer層就自動下移。這樣就實現了高度的自適應。

另外值得注意的是：#menu和#content都是浮動在頁面右面"float: right;",#sidebar是浮動在#menu層的左面"float: left;"，這是浮動法定位，還可以採用絕對定位來實現這樣的效果。

這個方法存在另乙個問題，就是側列#sidebar的背景無法百分之百。一般的解決辦法就是用body的背景色來填充滿。(不能使用#mainbox的背景色，因為在mozilla等瀏覽器中#mainbox的背景色失效。)

引用自：http://blog.csdn.net/dzmiao/archive/2004/12/27/231534.aspx