html - 中间div在中间和左边之间

我的徽标在中心对齐，当我调整屏幕/窗口宽度时，它会完美地保持在中心。在徽标的左侧，我有一个只有两个单词的小菜单，我希望此菜单/div始终位于徽标和左边缘之间。

只能使用CSS做到这一点吗？

要考虑的是，徽标具有自己的宽度200px，但我可以使用margin-left: -100px;修复此问题。
当屏幕尺寸缩小到不再适合左侧!时，我将其放在带有@media screen and (max-width: px) { ... }的徽标下。

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

最佳答案

如果徽标的固定大小为200px，请使用，例如:

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