首 页IT知识库翔宇问吧收藏内容
当前位置:翔宇亭IT乐园IT知识库WEBCSS

如何让子DIV在父DIV的低端

减小字体 增大字体 作者:不详  来源:cnblogs.com  发布时间:2010-08-09 10:58:00

本文通过使用CSS控制子DIV显示在父DIV的低端,具体思路:

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

代码:

<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>


本文源自:翔宇亭——IT乐园(http://www.biye5u.com),转载请保留此信息!

微信搜索“优雅的代码”关注本站的公众号,或直接使用微信扫描下面二维码关注本站公众号,以获取最新内容。

个人成长离不开各位的关注,你的关注就是我继续前行的动力。

Tags:DIV CSS 技巧

知识评论评论内容只代表网友观点,与本站立场无关!

   评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
愿您的精彩评论引起共鸣,带来思考和价值。
用户名: 查看更多评论
分 值:100分 90分 80分 70分 60分 40分 20分
内 容:
验证码:
关于本站 | 网站帮助 | 广告合作 | 网站声明 | 友情连接 | 网站地图
本站部分内容来自互联网,如有侵权,请来信告之,谢谢!
Copyright © 2007-2023 biye5u.com. All Rights Reserved.