如何将菜单栏放在右侧？

问题描述

下面是菜单栏的 html 和 CSS 的一部分。

我想把菜单栏放在右边。我知道实际的菜单栏是带有背景颜色的空白内容。我不知道将这些内容放在正确的位置。

function myFunction(x) {
  x.classList.toggle("change");
}

.container {
  display: inline-block;
  cursor: pointer;
}

.bar1,.bar2,.bar3 {
  width: 40px;
  height: 5px;
  background-color: gainsboro;
  margin: 6px;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px,6px);
  transform: rotate(-45deg) translate(-9px,6px);
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px,-8px);
  transform: rotate(45deg) translate(-8px,-8px);
}

<div class="container" onclick="myFunction(this)">
  <div class="bar1"></div>
  <div class="bar2"></div>
  <div class="bar3"></div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）