我需要能够将固定元素始终放在div中。 调整窗口大小时出现问题。然后固定div总是浮动在所有其他元素之上。怎么预防?我需要修复div而将其放在div中。
以下是一个例子:
<div id="main">
<div id="one" style="background-color:yellow;"></div>
<div id="two" style="background-color:black;"></div>
<div id="three" style="background-color:yellow;">
<div id="four"></div>
</div>
</div>
CSS:
#main
{
position:relative;
width:1200px;
top:0;
bottom:0;
left:100px;
}
#one,#two,#three
{
position:relative;
width:100px;
height:1000px;
float:left;
top:0;
bottom:0;
}
#four
{
position:fixed;
top:50px;
background-color:blue;
width:100px;
height:200px;
}
EXAMPLE尝试左右移动水平滚动,您将看到发生了什么。
答案 0 :(得分:2)
将位置改为亲戚。
示例强>
#four {
background-color: blue;
height: 200px;
position: relative;
top: 50px;
width: 100px;
}
答案 1 :(得分:2)
结帐this answer on a similar question。不幸的是,你所面临的问题是单靠CSS无法解决的问题。