Div定位

Question

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

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

我需要“功能平铺”要移动“三柱”容器，所以如果内容在高度上扩展，我需要使用功能块向下移动...

可能需要Jquery - 不确定。

谢谢！

编辑：我希望功能图块始终位于底部。 Move = 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，另外两列是？