居中div在中间和左边之间

Question

我有一个徽标居中对齐，当我调整 screen/window 宽度时，它会完美地居中。在徽标的左侧，我有一个只有两个字的小菜单，我希望这个 menu/div 始终位于徽标和左边缘之间。

只用 CSS 就可以做到吗？

要考虑的是徽标有自己的宽度 200px，但我可以用 margin-left: -100px; 解决这个问题。 当它缩小到屏幕尺寸不再适合左侧时！，我会把它放在带有 @media screen and (max-width: px) { ... }.

的徽标下面

像这样：http://postimg.org/image/v148gyc9b/

Answer 1

如果徽标的大小固定为 200px，您可以尝试这样的设置 :

#menu {
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(50% - 100px);
}