javascript - 使左侧菜单固定在父容器内

Question

我想让左边的菜单变粘，但是当我给它 position:fixed 时，同样在父 div 中的右边容器在左侧下降。请帮忙。谢谢...这是我的 html 结构:

<div class="midwrapper_inner">
    <ul>
        <li class="leftbox">
            <div class="left_div content">
            </div>
        </li>
        <li class="middlewhitebox">
            <div class="right_div_content">
            </div>
        </li>
    </ul>
</div>

Answer 1

<div class="midwrapper_inner">
<ul>
    <li class="leftbox">
        <div class="left_div content">
        </div>
    </li>
    <li class="middlewhitebox" style="margin-left: XXXpx" >
        <div class="right_div_content">
        </div>
    </li>
</ul>

其中 xxx 是左框的宽度。

老实说，虽然我会完全删除 ul 并使用 div

<div style="height: 1000px;">
    <div style="width: 200px; height:200px; position: fixed; background: red;" ></div>
    <div style="margin-left: 200px; width: 200px; height:200px; background: green;" ></div>
</div>

http://jsfiddle.net/wyxop52k/