导航对齐问题

Question

我无法弄清楚如何正确对齐网站上的导航。我想要做的是从页面左侧开始导航，并从主内容容器div的右侧停止大约100px。导航将在其自己的容器中，没有父容器（除非某人有其他需要的解决方案）。在导航结束时，我将放置一个图像。最终结果将如下所示：

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

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是否有帮助