2009-02-24 102 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