关于页面顶部定位

关于页面顶部定位

在批复中,老师给出的建议是

 始终固定在页面的顶部,不随页面滚动。建议:可设置定位。

这个我早就设定定位啦,难道在老师的电脑中没有显示吗?

.header{

width: 100%;

height: 60px;

background-color: #07cbc9;

position: fixed;

}

然后呢下面几部分都是要设置下padding-bottom的,不然就顶部就会跑到中间

所以我想问,定位具体怎么做呢,给出的 始终固定在页面的顶部,不随页面滚动。建议:可设置定位。这个建议我不明白啊,因为我都写了定位了,还是没有好的效果

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好,如下,可以滚动下查看哦,并没有达到效果,这是因为没有设置相应的层级,banner部分会遮盖顶部的导航,设置固定定位不是只有一个position属性就能完成,还需要设置层级和位置,也就是z-index需要值 和top、left、right、bottom等。(这里需要给z-index值,可以给z-index设置相对比较大的数,因为这里要固定在顶部,所以top设置为0。)

http://img1.sycdn.imooc.com//climg/5a712eb30001b13619060170.jpg

祝学习愉快~

  • 打不死的女小强 提问者 #1
    我的作业效果在老师的电脑中就变样了,所以说老师是根据变样的效果来给我建议的,所以不太准确啊
    2018-01-31 12:49:25
  • 打不死的女小强 提问者 #2
    非常感谢!现在顶部定位可以了
    2018-01-31 14:37:31
一路电光带火花 2018-01-31 13:55:50

这个如果你后期开发的项目需要上线,你不能保证所有人的电脑分辨率都跟你的一样吧。而且你这个貌似不是电脑的问题。如果不设置层级的话,就会有可能被其他脱离文档流的元素遮盖掉。你拖下滚动条,就是稍微往下拉一点,看其他部分有没有遮盖到顶部。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师