html – 定位固定内容重叠问题

前端之家收集整理的这篇文章主要介绍了html – 定位固定内容重叠问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的 html5标记
<div id="header">
</div>
<div id="content">
</div>
<div id="footer">
</div>

现在用过css

header{ height: 95px;position: fixed;width: 100%;min-width: 980px;}
footer{background:#000000;bottom:0;height:30px;position:fixed;width:100%;min-width: 980px}

现在我的问题是我把任何内容放在里面

<div id="content">
</div>

内容来自top:0,这不是必需的.我不想在内容上使用填充或边距.是否有任何方式从哪个内容下面的标题.

解决方法

主要原因是因为< header>是位置:修复将其从文档流中取出.您需要在< body>中添加边距或填充.或者你的< content>(??)元素.此外,如果使用HTML5元素,请将其添加到CSS规则的顶部,以便与旧版浏览器兼容.
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

取自Eric Meyer’s CSS Reset.

猜你在找的HTML相关文章