Question

div A灵活且固定（在窗口顶部）具有高z-index，因此下面的项目可以在滚动下方传递。

div B位于div A下方，我希望它能够“粘贴”到div A的底部，因为当调整窗口大小时，高度会变形。换句话说，A＆amp; B保持一致。

我担心我过度思考这个问题，解决方案很简单，但我看不到它。

HTML

<div id="A">
    some content
</div>

<div id="B">
    some content
</div>

CSS

#A {
position: fixed;
z-index: 200;
width: 100%;
}

#B {
position: relative;
z-index: 100;
width: 100%;
}

2 个答案:

答案 0 :(得分：0)

答案 1 :(得分：0)

Answer 1

a {
  position:fixed;
}

b {
  position:absolute;
  bottom:0;
}

我认为这会起作用但不知道它如何对固定而不是相对的反应＆＃34; a＆＃34;

Answer 2

我将B放入A并执行此操作

http://jsfiddle.net/NicoO/CAF3q/2/

CSS：

#a
{
    position: fixed;
    left:0;
    right:0;
    height: 200px;
    top:0;
    overflow: hidden;
    background-color: gray;
}

#b
{
    overflow: hidden;
    background-color: gold;
    position: absolute;
    bottom:0;
    left:0;
    right:0;

}

HTML：

<div id="a">
    <p>Content of what ever type...</p>
    <p>Content of what ever type...</p>
    <div id="b">
        <p>Everyone is pushing me down 8(</p>
    </div>
</div>

灵活，固定的div - 需要将另一个div粘到底部

2 个答案: