部门定位

Question

我有一个三列布局，其中有一个容器“三列”。

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

我需要“功能图块”与“三列”容器一起移动，因此如果内容的高度扩展，我需要功能图块随之向下移动...

可能需要 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 演示的底部

：

Answer 2

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