html - 复杂的 HTML/CSS 粘性双侧边栏布局

Question

我一直盯着我制作的这个线框，但它让我对如何制作它感到困惑...

http://i.stack.imgur.com/ytiMf.png

粘性 jquery 属性不是问题，问题在于区域本身的定位，因为它们的重叠性质让我感到不快。

有什么建议吗？我是不是想错了？

Answer 1

像这样:http://jsfiddle.net/7Fv64/

<div class="green">Hi</div>
<div class="content-wrap">
    <div class="sidebar">
        <div class="yellow">Hello</div>
    </div>
    <div class="content">
        <div class="red">Stuff</div>
        <div class="purple">And</div>
        <div class="black">Things</div>
    </div>
</div>