将元素移动到CSS的左右两侧

gc0ot86w 于 2022-11-27 发布在其他

关注(0)|答案(1)|浏览(112)

这是演示我的问题的代码
第一个
不要介意html中的hrefs我正在测试。
我做了一个javascript，当你点击搜索栏后，其他元素就会出现。请帮助我移动搜索栏和按钮到左边，搜索栏到右边，不要使用绝对位置。浮动也不起作用。这是image.

1条答案

如果没有答案，也提供您的js。这个答案只与您的风格和媒体风格有关。我们不知道您的汉堡应该如何表现（走开，变成另一个图标，否则？），隐藏的链接应该显示在列还是换行。*

您也可以将表单转换为Flex容器：

.nav form {
  flex: 5;
  line-height: 0px;
  margin: auto;
  display:flex;
  gap:0.25em
}

然后最终避免重置flex-direction。
您的代码片段已使用修改进行更新：
第一个