css - Div定位

扫码查看

我有一个三列布局和一个容器“三列”
在右栏中,我有一个“Feature Tile”,它基本上是一个220px宽的占位符,具有可编辑的内容。
我需要“功能磁贴”与“三列”容器一起移动,所以如果内容在高度上扩展,我需要功能磁贴与它一起向下移动。。。
可能需要Jquery-不确定。
谢谢!
编辑:我希望功能磁贴始终位于底部。Move=div将根据插入的内容的数量在高度上展开-无固定高度

最佳答案

试试这个:

.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/

09-30 15:50
查看更多