您现在的位置：网页制作教程网 >> 网页设计 >> 网页布局排版 >> 文章正文

网页中三列自适应高度布局的实现

作者:龙犊整理

来源:天极

热度:

2006-10-23 13:15:03

　　 Step 2: Add the columns

Step 3: 给左栏定位

　　采取二步给这个左栏定位，首先给左栏一个-100%的左边界，相当于中间栏的宽度，此时，左栏和中间栏重合，共享它的左边缘，如下图。

以下是引用片段：
　　#left {
　　width: 200px; /* LC width */
　　margin-left: -100%;
　　}

　　 Step 3: Pull the left column into place—halfway there

　　然后采用相对定位的办法将左栏定位到距右边200PX的地方(也就是左栏的宽度)。

以下是引用片段：
　　#container .columns {
　　float: left;
　　position: relative;
　　}
　　#left {
　　width: 200px; /* LC width */
　　margin-left: -100%;
　　right: 200px; /* LC width */
　　}

　　现在左栏的位置正好是#container的左内补丁。

上一页 [1] [2] [3] [4] [5] [6] 下一页

我来说两句：

查看评论