首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用css在html中停靠元素

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

Stack Overflow用户
提问于 2014-01-12 12:13:49
回答 2查看 5.6K关注 0票数 1

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

代码语言:javascript
运行
AI代码解释
复制
.major
{
width:30%;
height:100%;
position:absolute;
}

现在我想在底部插入一个网页信息,如下所示

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

此div为.web_info

所以我的html是

代码语言:javascript
运行
AI代码解释
复制
<div class="major">
<div class="web_info"></div>
</div>

现在我希望主目录总是出现在父目录的底部,即“web_info”。

我有treid:

代码语言:javascript
运行
AI代码解释
复制
.web_info
{
padding-top:90%;
}

但是解决方案不是通用的..。也就是说,只适用于我的屏幕..该怎么办??

EN

回答 2

Stack Overflow用户

发布于 2014-01-12 12:21:44

你是说像这样的东西吗?

代码语言:javascript
运行
AI代码解释
复制
.web_info {
    position:absolute;
    bottom:0;
}

所以div总是“停靠”在父Div的底部。重要的是,要获得此工作,父div专业必须具有

代码语言:javascript
运行
AI代码解释
复制
position:relative;

属性。

票数 2
EN

Stack Overflow用户

发布于 2014-01-12 12:22:41

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

代码语言:javascript
运行
AI代码解释
复制
<div class="major">
  <div class="innerRelative">
    <div class="web_info"></div>        
  </div>
</div>

看这把小提琴如何工作:http://jsfiddle.net/A4GNs/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21074475

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档