css - 部门定位

标签 css html positioning

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

在右栏中,我有一个“功能图 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 的底部

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

关于css - 部门定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5906667/

相关文章:

html - 如何最好地将 Canvas 叠加在图像上?

html - 将两个 div 放在父 DIV 中并排放置

html - 如何在 Metro 应用程序上实现推送通知

javascript - 为什么 jquery UI 不能正确呈现选择框

html - 如何在页面中央放置一个大图像,然后在其中放置一个菜单?

javascript - 无法设置 Pristine 表单,因为我想将我的问题推送到数组中

html - 如何将图像翻转与链接翻转连接起来?

html - CSS - 如何按 2 列堆叠 div

javascript - 如何去除 Angular 中的悬停效果

html - 一些 react 卡上的文字错位