如何使用css在html中停靠元素

Question

我有一个主要的div，其css是：

.major
{
width:30%;
height:100%;
position:absolute;
}

现在我想在底部插入一个网页信息，就像

一样

关于|条款|政策|联系我们

这个div是.web_info

所以我的HTML是

<div class="major">
<div class="web_info"></div>
</div>

现在我希望web_info div始终显示在父div的底部，即“major”..

我有贪心：

.web_info
{
padding-top:90%;
}

但是解决方案并不普遍..即仅适用于我的屏幕..怎么办？

Answer 1

你的意思是这样的吗？

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

所以Div“停靠”始终位于父div的底部。 重要的是，为了完成这项工作，父div主要必须有

position:relative;

属性。

Answer 2

您需要另一个HTML元素来设置相对位置：

<div class="major">
  <div class="innerRelative">
    <div class="web_info"></div>        
  </div>
</div>

查看小提琴的工作：http://jsfiddle.net/A4GNs/