关于html：css如何在另一个div的底部创建这个div

css how to make this div at the bottom of another div

本问题已经有最佳答案，请猛点这里访问。

这是一jfiddle

jsfiddle.net http：/ / / / 79pry

这是一个结果： enter image description here

我想绕一个div div紫在底部。

这是时间的div div

1 2	<span class="content">Service Level</span> <span class="value" id="slSpan" runat="server">0%</span>

我想这样做

1 2	position:relative; bottom:0px;

但没有什么改变，可以u请帮忙

(我的解决方案请为什么不工作？

试试这个：

第一个变化的样式表：

1
2
3
4

.informationTableClass {
height: 100%; /* 60% to 100%*/
width: 100%;
}

然后将DIV的内幕和变化表：它像这样

1
2
3
4
5
6
7
8
9
10
11

<tr><td colspan="2" style="height:100%"></td></tr>
<tr>
<td colspan="2">

<span class="content">Service Level</span>
<span class="value" id="slSpan" runat="server">0%</span>

</td>
</tr>

jsfiddle.net http：/ / / / xae75

在这里演示

你只需要添加2的规定。

1
2
3
4
5
6
7
8

.slNewClass {
position: absolute;
bottom:0 ;
}

.mainTable {
position: relative;
}

你可以使用它position: relative;在线position: absolute; bottom: 0px;和容器。

演示

1
2
3
4

.bottom {
position: absolute;
bottom: 0px;
}

然而，在绝对定位的div的高度将不会扩大它的容器，将其他内容重叠，如果高度太小。

它采用相对定位移动单元从其原来的X [位置]。设置

1 2	position: relative; bottom: 0;

它将从0 [单元] upwards从底部。