CSS,position: fixed脱离文档流的问题。

答案:2 悬赏:60 手机版

解决时间 2021-04-24 10:20

提问者网友：王者佥
2021-04-23 11:06

页眉不参与页面滚动，所有用了fixed，但脱离文档流导致两个div重叠，我以前的方法是给neirong加一个margin-top固定值，但现在的问题是yemei是动态高度的，我就不能设定固定的margin-top。

如何解决？谢谢。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
.yemei{
width: 100%;
position: fixed;
top:0;
background-color: chocolate;
}
.neirong{background-color:coral;}
</style>
</head>

<body>
<div class="yemei">这是页眉。</br>这是页眉。</div>
<div class="neirong">这是内容。</br>这是内容。</br>这是内容。</div>
</body>
</html>

最佳答案

五星知识达人网友：纵马山川剑自提
2021-04-23 12:09

写一个js在onload执行，读取页眉的高度，然后赋值给margin-top

全部回答

1楼网友：三千妖杀
2021-04-23 13:04

position:absolute添加绝对定位有试过么，如果不行就在每个层叠的div都加上z-index属性， 1到4来区分它们之间的关系

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！