Html 当父对象为float:left且子对象为固定对象时，如何设置位置？

我想更改上面的图片，如下所示

请参考下面的代码

我想知道如何解决这个问题，而不必“左填充，左边距”

.nav wrap{
位置：相对位置；
溢出：隐藏；
顶部：-2px；
宽度：33.33333%；
浮动：左；
}
.侧边栏导航{
位置：固定；
宽度：380px；
填充顶部：95px；
填充底部：95px；
左侧填充：20px；
右边填充：20px；
身高：100%；
浮动：左；
明确：两者皆有；
溢出y：隐藏；
显示：块；
背景：透明；
背景：rgba（0,0,0,0.28）；
z指数：10；
}
.内容包装{
宽度：66.6666%；
背景：#fff；
浮动：左；
身高：100%；
位置：相对位置；
填充：45px 50px；
溢出：隐藏；
}

试试吧-我已经为您创建了一个无引导的裸体系统。你可以从这里开始

  <ul id="mainWrapper">
    <li class="left-wrap">

      <div class="menuList">

        <ul>
          <li>Menu 1</li>
          <li>Menu 2</li>
          <li>Menu 3</li>
          <li>Menu 4</li>
        </ul>

      </div>

    </li>
    <li class="right-wrap">
      Content here...

    </li>
  </ul>

菜单1
菜单2
菜单3
菜单4



内容在这里。。。

您真的希望侧边栏定位：已修复吗？这就是问题的原因。