Div定位

Question

我有一个带有容器“三列”的三列布局

在右列中，我有一个“功能块”，基本上是一个220px宽的占位符，可编辑内容。

我需要“功能块”才能与“三栏”容器一起移动，因此，如果内容在高度上扩展，我需要功能块随其向下移动...

可能需要Jquery-不确定。

谢谢！

编辑：我希望功能图块始终位于底部。 移动= div的高度将根据插入的内容量而增加-无固定高度

Answer 1

尝试这个：

.right-column {
    position:relative;
}
.featured-tile {
    position:absolute;
    bottom:0;
}

不管由于可变的内容而高到什么高度，这都会将.featured-tile保持在.right-column的底部。

更新 ：我想我知道您的意思，请尝试执行此操作。

.three-col {
    position:relative;
}
.featured-tile {
    position:absolute;
    bottom:0;
}

这将使.featured-tile保持在.three-col的底部

演示： http : //jsfiddle.net/wesley_murch/4FKhm/4/

Answer 2

您是否考虑过2列布局，其中第二列是div，其中还有另外两列？