我如何将按钮向上移动?

时间:2018-10-30 19:53:33

标签: javascript css html5 reactjs css3

我想将About按钮向上移动到标题正下方的位置,但是它将不起作用。

我尝试过:

  1. ButtonToScroll.css中,margin-bottom: 40%;无效,

  2. Main.css中,我做了margin-bottom: inherit;来陪1,但是没有用。

我在做什么错,我该如何解决?

如果您需要任何其他信息,请告诉我。

这是我的项目https://codesandbox.io/s/github/name/Encrypt-Your-Code的沙盒

3 个答案:

答案 0 :(得分:1)

我认为最简单的方法是给按钮position: relative并设置top: -80px或您认为最合适的东西:

https://codesandbox.io/s/y0pm9l87x9

答案 1 :(得分:1)

在ButtonToScroll.css中设置

.about { margin-bottom: 10% }

并在Main.css中删除

.boxSkull { margin-top: 10% }

此外,您在html文档中应该只有一个<body>标签。

答案 2 :(得分:0)

ButtonToScroll.css下的text-decoration: none;中添加一个名为:

margin-top: -10%;

它将使所有内容从“关于”按钮向下移动。