Question

我想让左菜单变粘，但是当我给它定位时：固定，那么同样在父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是leftbox的宽度。

说实话，虽然我会完全删除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/

Answer 2

的CSS

.leftbox{position:relative; float:left; margin-right:15px; }
Try This ...(Y)

将左侧菜单固定在父容器中

2 个答案: