我想知道是否有人在這裏有一個相當簡單的教程爲以下2列CSS佈局。 左側固定柱和流體內容柱,帶有頁眉和頁腳,列高相等。CSS佈局2列固定流體
38
A
回答
28
嘗試this Dynamic Drive layout及其親屬(我通過類似的問題指出)。
1
我使用的是人造欄佈局黑客,其中不包括腳本。
這裏的,這似乎是這個概念的一個簡單的解釋教程: dustinbrewer.com
下面是我從得知原來alistapart.com文章:alistapart.com
祝你好運!
45
實際上有一個更簡單的解決方案,我發現不久前。適用於IE7。 #fluid div將在固定修補程序旁邊滑動並佔用剩餘空間,同時保持所有響應網站的流暢性。
#fixed{
width:150px;
float:left;
}
#fluid{
overflow:hidden;
}
+0
是否可以讓列高始終相等?看到這個演示,我不想看到任何紅色。 http://jsfiddle.net/louiswalch/uEj55/92/ – 2014-06-03 17:04:12
相關問題
- 1. 流體或固定佈局
- 2. 固定流體固定佈局960.gs
- 3. 固定流體固定佈局
- 4. CSS 2流體1固定列
- 5. 如何創建3列流體固定流體佈局?
- 6. 最小寬度的3列布局(固定,流體,固定)
- 7. CSS流體佈局?
- 8. css佈局(固定)
- 9. 的CSS佈局,固定和流體混合
- 10. 如何用CSS實現固定/流體佈局?
- 11. 左列固定和右列液體的CSS佈局?
- 12. 帶3列的CSS流體佈局
- 13. CSS 2列布局
- 14. CSS流體/靜態佈局
- 15. CSS流體網格佈局
- 16. css流體佈局問題
- 17. CSS - 固定寬度佈局
- 18. CSS 3柱流體固定流體
- 19. 位置:在流體CSS固定列
- 20. CSS - 彈性佈局,1個流體+ 1個固定列,中心對齊
- 21. 兩列分區佈局:左=流體,右=固定和可滾動
- 22. 如何使用Bootstrap實現流體固定流體三列布局?
- 23. 用css設計css流體/固定佈局而不使用表格
- 24. 3列的分區佈局:固定 - 液體 - 固定
- 25. 2列CSS浮動佈局
- 26. 流體佈局定位div
- 27. 兩列div佈局,左邊是流體,右邊是固定的列
- 28. 同位素 - 流體和砌體佈局分成2列
- 29. jquery選項卡css流體佈局
- 30. 流體佈局和css精靈
大部分我所知道的關於HTML和CSS我已經從[HTML狗]學會(http://htmldog.com)。 HTML Dog在其教程中有一個頁面(http://htmldog.com/guides/cssadvanced/layout/),有關使用頁腳製作雙列布局。 – 2009-02-24 02:19:58