请选择 进入手机版 | 继续访问电脑版
  • 关注官方微信 微信公众号 添加方式:
    1:搜索微信号(gogolinux
    2:扫描左侧二维码
  • 登录 注册
  • 一起学LINUX - GOGOLINUX

    查看: 2158|回复: 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
    发表于 2019-4-14 04:16:31 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    568

    帖子

    1258

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1258
    发表于 2019-4-14 04:44:00 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    499

    帖子

    1104

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1104
    发表于 2019-4-14 16:46:29 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    478

    帖子

    1062

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1062
    发表于 2019-4-14 22:39:53 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    460

    帖子

    1147

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1147
    发表于 2019-4-16 09:53:52 | 显示全部楼层
    回复

    使用道具 举报

    0

    主题

    586

    帖子

    1292

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    1292
    发表于 2019-4-16 10:03:28 | 显示全部楼层
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    官方微博:

    官方头条号:

    官方微信

    手机访问:

    官方微信

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

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

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