固定 div 在 y 位置但不在 x 位置取决于其他 div

Question

我固定了侧边栏和导航栏，我想知道是否可以根据每篇文章的宽度调整侧边栏的 x 位置。

HTML :

<div id="sidebar">
</div>

CSS :

div#sidebar{
    width: 200px;
    height: 100%;
    position: fixed;
    margin-top: 50px;
    float: left;
}

Answer 1

在文章中设置侧边栏如何？

jsfiddle

HTML:

<div id="article">article
    <div id="sidebar">sidevar
    </div>
</div>

CSS :

#article
{
    margin-left: 30px;
    background: white;
    width: 200px;
    height: 300px;

}

#sidebar
{
    position: fixed;

    top: 0px;
    width: 30px;
    height: 100%;
    background: blue;
    color: white;
}

固定 div 在 y 位置但不在 x 位置取决于其他 div

Fixed div in y position but not in x position depending on other div

html

css

sidebar