DIV+CSS中子div在父div居底 [复制链接]

上一主题下一主题查看指定楼层

离线网络天下

小飞侠

发帖: 1528

铜币: 22451

威望: 510

只看楼主倒序阅读使用道具楼主发表于: 2012-07-18

简单的一个需求，映射着常常被忽略的知识啊。
上次面试没写出来，得学习。

·思路及要点：

父div的位置设置成相对的，即“position: relative;”。
而子div的位置设置成绝对的，并且下边缘设为0，即“position: absolute; bottom: 0;”。

· 代码：

复制代码

<html>
<head>
<title>子div在父div中置底</title>
<style type="text/css">
.father { width: 500px; height: 600px; position: relative; background-color: AliceBlue; }
.child { width: 400px; height: 100px; position: absolute; bottom: 0; background-color: AntiqueWhite; }
</style>
</head>
<body>
<div class="father">
<div class="child">
</div>
</div>
</body>
</html>

分享到 淘江湖新浪 QQ微博 QQ空间开心人人豆瓣网易微博百度鲜果白社会飞信

发帖回复

返回列表


	http://www.qcip.cn 访问内容超出本站范围，不能确定是否安全


	关闭您还没有登录，快捷通道只有在登录后才能使用。立即登录还没有帐号？赶紧注册一个


	关闭选中1篇全选

帖子

DIV+CSS中子div在父div居底 [复制链接]