gpt4 book ai didi

css - 位置固定内容重叠问题

转载 作者:技术小花猫 更新时间:2023-10-29 12:40:49 24 4
gpt4 key购买 nike

这是我的 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>position:fixed将其从文档流中移除。您需要添加 marginpadding<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 .

关于css - 位置固定内容重叠问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5311706/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com