一个关于position: fixed;的问题_html/css_WEB-ITnose
我网页的header部分设置成了position: fixed;
正文部分的上端却被header遮住了
#header { height: 87px; left: 0; overflow: visible; position: fixed; right: 0; top: 0; z-index: 10000;}#header, #footer { margin: 0 auto; width: 100%;}
正文部分的css:
#wrapper { background: none repeat scroll 0 0 #EDF0EB; height: 500px; margin: 0 auto; padding-bottom: 20px; padding-top: 20px; position: relative; width: 1024px;}
问题出在哪里呢
回复讨论(解决方案)
错在你没把HTML贴出
#header 设置了 z-index: 10000;
#wrapper 设置一下 margin-top: 100px;
http://babybang.com/
这个网站没有设置margin-top: 100px; 也是z-index: 10000; 怎么他没有覆盖呢
错在你没把HTML贴出
+是啊。
#wrapper {
background: none repeat scroll 0 0 #EDF0EB;
height: 500px;
margin: 0 auto;
那你这个margin-top 为 0 了啊
#wrapper {
background: none repeat scroll 0 0 #EDF0EB;
height: 500px;
margin: 0 auto;
那你这个margin-top 为 0 了啊 http://babybang.com这个网站的正文 margin-top: 0;也没有遮盖呀
她的body上有
padding-top: 62px;
有人知道么
看来是对牛弹琴了,不是有margin-top就是有padding-top不是明摆着的事吗
你的源码贴全了,让大家看看

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

公众号网页更新缓存,这玩意儿,说简单也简单,说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章,结果用户打开还是老版本,这滋味,谁受得了?这篇文章,咱就来扒一扒这背后的弯弯绕绕,以及如何优雅地解决这个问题。读完之后,你就能轻松应对各种缓存难题,让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存,说白了就是浏览器或者服务器为了提高访问速度,把一些静态资源(比如图片、CSS、JS)或者页面内容存储起来。下次访问时,直接从缓存里取,不用再重新下载,速度自然快。但这玩意儿,也是个双刃剑。新版本上线,

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

本文展示了使用CSS为网页中添加有效的PNG边框。 它认为,与JavaScript或库相比,CSS提供了出色的性能,详细介绍了如何调整边界宽度,样式和颜色以获得微妙或突出的效果

本文讨论了html< datalist>元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

本文讨论了HTML< Progress>元素,其目的,样式和与< meter>元素。主要重点是使用< progress>为了完成任务和LT;仪表>对于stati

本文解释了HTML5< time>语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

本文讨论了HTML< meter>元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了< meter>从< progress>和前
