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

如何使用css在html中停靠元素,html,css,Html,Css,我有一个主div,它的css是: .major { width:30%; height:100%; position:absolute; } 现在我想在底部插入一个web信息,如下所示 关于|条款|政策|联系我们 此分区为.web\u info 所以我的html是 <div class="major"> <div class="web_info"></div> </div> 但解决办法并不普遍。。i、 e仅适用于我的屏幕。。怎么办???你是说像

我有一个主div,它的css是:

.major
{
width:30%;
height:100%;
position:absolute;
}
现在我想在底部插入一个web信息,如下所示

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

此分区为.web\u info

所以我的html是

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

但解决办法并不普遍。。i、 e仅适用于我的屏幕。。怎么办???

你是说像这样的东西吗

.web_info {
    position:absolute;
    bottom:0;
}
因此,Div“停靠”始终位于父Div的底部。 重要的是,要完成这项工作,父div专业必须具有

position:relative;

属性。

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

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


看小提琴演奏:

试奏。主要
位置:相对
和推杆
位置:绝对;底部:0在您的web\u info div上
<div class="major">
  <div class="innerRelative">
    <div class="web_info"></div>        
  </div>
</div>