html – 中间和左边的中心div

发布时间：2020-12-14 23:25:15 所属栏目：资源来源：网络整理

导读：我在中间对齐了一个徽标,当我调整屏幕/窗口宽度时,它完美地保持在中心位置.在徽标的左边我有一个只有两个单词的小菜单,我希望这个菜单/ div始终位于徽标和左边缘之间. 这可以用CSS完成吗？要考虑的是徽标有自己的宽度200px,但我可以用margin-left来解决这个

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

这可以用CSS完成吗？

要考虑的是徽标有自己的宽度200px,但我可以用margin-left来解决这个问题：-100px;.
当它出现在不再适合左侧的屏幕尺寸时,我会将它放在带有@media屏幕和(max-width：px){…}的徽标下面.

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

如果徽标的固定大小为200px,您可以尝试以下方法：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!