固定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;
}