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

Question

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

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

現在我想在底部插入一個Web信息，就像是

關於| 條款| 政策| 聯系我們

這個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/