• 关注官方微信 微信公众号 添加方式:
    1:搜索微信号(gogolinux
    2:扫描左侧二维码
  • 登录 注册
  • 一起学LINUX - GOGOLINUX

    查看: 1943|回复: 21
    打印 上一主题 下一主题

    子div在父div的相对定位css控制

    [复制链接]

    3

    主题

    3

    帖子

    18

    积分

    新手上路

    Rank: 1

    积分
    18
    跳转到指定楼层
    楼主
    发表于 2019-3-11 14:33:59 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    我们在设计页面的时候会遇到,子DIV要控制在父DIV内部的固定位置,而且还有图层上下的关系。这里有个小技巧。
    父div的position使用relative,子div的position使用absolute,然后使用left和top进行定位。
    如果子div的position使用了fixed,就不能使用left了,则改成margin-left。
    这里说的不清楚,只是记录一下。
    代码:



    Untitled


    <div style="width:500px; height:1300px; background:#0f0; margin:0 auto; position: relative;">
    test!!!!

    Hello World!



    效果图:

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    分享到:

    0

    主题

    1

    帖子

    8

    积分

    新手上路

    Rank: 1

    积分
    8
    沙发
    发表于 2019-3-24 14:01:45 | 只看该作者
    好帖,有才!












    0

    主题

    568

    帖子

    1258

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1258
    板凳
    发表于 2019-4-4 10:22:42 | 只看该作者

    0

    主题

    568

    帖子

    1258

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1258
    地板
    发表于 2019-4-7 04:15:03 | 只看该作者

    0

    主题

    593

    帖子

    1308

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1308
    5#
    发表于 2019-4-14 04:16:31 | 只看该作者

    0

    主题

    568

    帖子

    1258

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1258
    6#
    发表于 2019-4-14 04:44:00 | 只看该作者

    0

    主题

    499

    帖子

    1104

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1104
    7#
    发表于 2019-4-14 16:46:29 | 只看该作者

    0

    主题

    478

    帖子

    1062

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1062
    8#
    发表于 2019-4-14 22:39:53 | 只看该作者

    0

    主题

    460

    帖子

    1147

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1147
    9#
    发表于 2019-4-16 09:53:52 | 只看该作者

    0

    主题

    586

    帖子

    1292

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1292
    10#
    发表于 2019-4-16 10:03:28 | 只看该作者
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    官方微博:

    官方头条号:

    官方微信

    手机访问:

    官方微信

    QQArchiver 手机版 小黑屋 一起学LINUX - GOGOLINUX 闽ICP备18025837号-1 Discuz! X3.4 Powered by © 2001-2013 Comsenz Inc. 

    亚博平台可以赌本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

    快速回复 快速发帖 返回顶部 返回列表