CSS,position: fixed脱离文档流的问题。
页眉不参与页面滚动，所有用了fixed，但脱离文档流导致两个div重叠，我以前的方法是给neirong加一个margin-top固定值，但现在的问题是yemei是动态高度...
页眉不参与页面滚动，所有用了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> 展开
如何解决？谢谢。
<!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> 展开
3个回答
展开全部
写一个js在onload执行，读取页眉的高度，然后赋值给margin-top
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
必须使用margin-top值，不然根本分不开
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
