这是一种方法

< span style=" font - family:宋体; 宽度:200 px; 身高:150 px; 边框:1px纯黑色;" > < span style=" font - family:宋体; 底部:0; 宽度:100%; 高度:50 px; 边框:1px纯红色;" > < / div > < / div >

但是因为内部div的位置是绝对的，你总是要担心外部div的其他内容会重叠它(而且你总是要设置固定的高度)。

如果可以的话，最好将内部div作为外部div的最后一个DOM对象，并将其设置为“clear: both”。

这是另一个纯CSS技巧，它不影响元素流。

#{母公司 最小高度:100 vh;/*根据需要设置高度*/ 显示:flex; flex-direction:列; 背景:灰色; ｝ .child { margin-top:汽车; 背景:绿色; ｝ < div id = "父" > <h1>定位与边缘</h1> < div class = "孩子" > 内容到底 < / div > < / div >

使外部div位置="相对"和内部div位置="绝对"，并设置它的底部="0"。

<div style="width: 200px; height: 150px; border: 1px solid black;position:relative">
    <div style="width: 100%; height: 50px; border: 1px solid red;position:absolute;bottom:0">
    </div>
</div>

注意:这绝不是最好的方法!

情境: 我不得不做同样的事情，只是我不能添加任何额外的divs，因此我被困在我所拥有的，而不是删除innerHTML和创建另一个通过javascript几乎像2渲染我需要在底部的内容(动画栏)。

解决方案: 考虑到我当时有多累，它似乎正常，甚至想这样一个方法，然而，我知道我有一个父DOM元素，酒吧的高度是从。

而不是打乱javascript进一步我使用(不总是好主意)CSS回答!：）

-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);

是的，这是正确的，而不是定位DOM，我把它的父母颠倒在css。

对于我的场景，它将工作!可能其他人也一样!没有火焰!：）

如果你知道父母的身高，下面是避免绝对divs和table的方法:

<div class="parent">
    <div class="child"> <a href="#">Home</a>
    </div>
</div>

CSS:

.parent {
    line-height:80px;
    border: 1px solid black;
}
.child {
    line-height:normal;
    display: inline-block;
    vertical-align:bottom;
    border: 1px solid red;
}

JsFiddle:

例子