html - 导航对齐问题

Question

我在尝试弄清楚如何正确对齐网站上的导航时遇到了麻烦。我想要做的是让导航从页面左侧开始，并在距主内容容器 div 右侧约 100 像素处停止。导航将在它自己的容器中，没有父容器(除非有人有其他要求的解决方案)。在导航结束时，我要放一张图片。最终结果将如下所示:

我的主要问题是弄清楚如何设置宽度并仍然灵活地适应不同的屏幕分辨率。我该怎么做呢？

Answer 1

如果你打算在最后放一张图片并且你想要响应性，那么你可能需要考虑将它包装在父容器中。

<div class="parent">
     <div class="leftside">
          <div class="topmenu"></div>
         <div class="botmenu"></div>
     </div>
     <div class="right-side">
          <img src="image.png" />
     </div>
</div>

看看这个fiddle帮助