2009-02-24 94 views
38

我想知道是否有人在這裏有一個相當簡單的教程爲以下2列CSS佈局。 左側固定柱和流體內容柱,帶有頁眉和頁腳,列高相等。CSS佈局2列固定流體

+1

大部分我所知道的關於HTML和CSS我已經從[HTML狗]學會(http://htmldog.com)。 HTML Dog在其教程中有一個頁面(http://htmldog.com/guides/cssadvanced/layout/),有關使用頁腳製作雙列布局。 – 2009-02-24 02:19:58

回答

1

我使用的是人造欄佈局黑客,其中不包括腳本。

這裏的,這似乎是這個概念的一個簡單的解釋教程: dustinbrewer.com

下面是我從得知原來alistapart.com文章:alistapart.com

祝你好運!

45

實際上有一個更簡單的解決方案,我發現不久前。適用於IE7。 #fluid div將在固定修補程序旁邊滑動並佔用剩餘空間,同時保持所有響應網站的流暢性。

http://jsfiddle.net/uEj55/1/

#fixed{ 
    width:150px; 
    float:left; 
} 
#fluid{ 
    overflow:hidden; 
} 
+0

是否可以讓列高始終相等?看到這個演示,我不想看到任何紅色。 http://jsfiddle.net/louiswalch/uEj55/92/ – 2014-06-03 17:04:12