javascript - 设置 div 相对于另一个百分比宽度 div 位置的位置

Question

我在一个父 div 中设置了两个 div - 左侧是侧边栏，右侧是内容区域。我需要将我的内容区域(具有固定宽度)的位置设置为始终位于侧边栏右侧 15 像素(即使浏览器窗口/侧边栏拉伸(stretch))。

使用 position: absolute 和 % width 设置侧边栏对于侧边栏本身非常有效，但是由于侧边栏位置是绝对的，因此内容无法识别侧边栏的位置并且无法相对于它定位CSS。

这是我想要实现的目标的图像:

Answer 1

为什么要对侧边栏使用绝对位置？

我会这样做

    <div class="container">
        <div class="sidebar">
            <p>This is your sidebar</p>
        </div>
        <div class="content">
            <p>This is your content</p>
        </div>
    </div>


.container {width:100%; height: 1000px; background:blue;} /*didn't supply a width*/
.sidebar {width:25%; float:left; min-height:200px; background:lightblue; margin-right:15px;} /*you said sidebar has a % width*/
.content {width:250px; height:200px; background:red; float:left;} /*you said content had fixed width*/

Link to JS Fiddle to have a look

除非我不明白你的问题？