html - 将元素锁定到包含 div 的底部

标签 html css

<分区>

#Container {
    width: 500px;
    height: 600px;
}

#TheElement {
    width: 500px;
    height: 100px;
    background-color: #000000;
}

我如何让#TheElement 被锁定到#Container 的最底部,而不考虑容器内的其他内容,而没有一堆边距技巧?

最佳答案

您可以使用 relative absolute positioning :

http://jsfiddle.net/gzJM6/

#Container {
    width: 500px;
    height: 600px;
    position: relative
}

#TheElement {
    width: 500px;
    height: 100px;
    background-color: #000000;
    position: absolute;
    bottom: 0;
    left: 0;
}

关于html - 将元素锁定到包含 div 的底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5135974/

相关文章:

javascript - JS,从html表单中获取日期时间对象

html - 将文本置于 div 底部居中

javascript - 当 <tr> 行中的 <td> 中的 &lt;input&gt; 被切换为隐藏/显示无/ block 时,如何修复 <table> 中的列位置

html - 与 :before in CSS 组合填充

html - 表单不会缩小到我的 iPhone 屏幕的宽度

javascript - 使表格单元格位于同一行并使其看起来像按钮

php - 在 .HTML 文档中使用 PHP 标签来链接 PHP 文件

html - CSS 下拉菜单在悬停操作时扩大父级宽度

javascript - 使用 jQuery 重置链接的背景颜色

CSS 后代选择器