2

固定要素を常に 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;
}

例水平スクロールを左右に動かしてみると、何が起こっているかがわかります。

4

2 に答える 2

2

位置を相対に変更します。

例

#four {
    background-color: blue;
    height: 200px;
    position: relative;
    top: 50px;
    width: 100px;
}
于 2013-03-30T12:07:24.617 に答える