我有一个三列布局,带有一个容器“三列”
在右栏中,我有一个“功能图 block ”,它基本上是一个 220 像素宽的占位符,具有可编辑的内容。
我需要“功能图 block ”与“三列”容器一起移动,因此如果内容的高度扩展,我需要功能图 block 随之向下移动...
可能需要 Jquery - 不确定。
谢谢!
编辑:我希望功能图 block 始终位于底部。移动 = 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
的底部
关于css - 部门定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5906667/