中间和中间div

Question

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

这可以用CSS完成吗？

要考虑的是徽标有自己的widht,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);
}