考虑以下代码:
div {
width:100%;
height:64px;
border:1px solid #000;
}
.top-fixed {
position:fixed;
}
.middle-fixed {
position:fixed;
top:64px;
}
.bottom {
margin-top:128px; #64+64
}
<html>
<head></head>
<body>
<div class="top-fixed">Top Fixed</div>
<div class="middle-fixed">Middle Fixed</div>
<div class="bottom">Bottom</div>
</body>
</html>
对于 div.bottom,我使用 margin-top 属性,这样它就不会与最顶部的 div 重叠。但它也带来了 div.top-fixed 'down' 本身(参见 fiddle )。
我该如何纠正它?一种方法可能是对 div.bottom 使用 padding-top 属性而不是 margin-top,但这听起来不太优雅。
最佳答案
您错过了顶部固定 div 中的前 0 个。
试试这个
.top-fixed {
position:fixed;
top:0;
}
关于css - 最顶层 'fixed' 位置 div 与非位置 div 一起移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14001219/