php图片位置偏移代码,CSS_CSS解决链接锚点定位偏移的代码,那假如我现在要求这个位置不 - phpStudy...

锚点位置偏移

body,h2,p{

margin:0;

padding:0;

}

h2,p{

width:500px;

position:relative;

}

p{

height:400px;

background:#CCC;

z-index:2;

}

p.extra{

margin:0 0 500px;

}

h2{

margin:-200px 0 0;

border-top:200px solid #000;

z-index:1;

background:#06F;

}

#anchor1{

margin:0;

}

span{

position:fixed !important; position:absolute;

top:200px;

left:510px;

}

#menu{ background:#CCC; position:fixed !important; position:absolute;left:510px; top:2px; }

锚点111111111111111111111

有一定高度的层

锚点222222222222222222222

有一定高度的层

锚点333333333333333333333

有一定高度的层

锚点444444444444444444444

有一定高度的层

锚点555555555555555555555

底端需要一定高度才可以保证滚动条有足够高度让标题5到达指定位置

←目标在这里

提示:您可以先修改部分代码再运行

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值