为什么按钮不能正确浮动？

如何解决为什么按钮不能正确浮动？

我正在尝试使登录按钮浮动在我制作的导航栏上，但它不起作用，并且我到处都在搜索正确的答案。有什么想法吗？

package main

import (
    "github.com/HamelBarrer/api-go/connection"
)

func main() {
    connection.Connection()
}

解决方法

问题在于h1是一个块级元素，因此h1占据了整行，因此您的按钮不会浮在右边。

一种解决方案是让您的.nav-bar使用flexbox布局模式：

.nav-bar {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

将布局模式设置为flexbox后，float属性将不再起作用。您可以将其从元素的内联样式中删除。