反应-身体未达到全高

时间:2019-07-08 00:20:32

标签: css reactjs

我知道还有其他类似问题,但没有一个对我有帮助

我无法使人体标签全高,人体标签前后有空白

App.css:

html, body, #root{
  min-height: 100vh;
}

也尝试过:

    html, {
      min-height: 100vh;
      position: relative;
    }

    body {
    min-height: 100vh;
}

enter image description here

2 个答案:

答案 0 :(得分:2)

默认情况下,无序列表(<ul>)的边距已设置。您是否尝试过删除该边距?

.menu-links {
  margin: 0;
}

答案 1 :(得分:1)

尝试从html和body标签中删除边距和填充。

尝试查看体内的元素是否也没有边距。

html, body {
  margin: 0;
  padding: 0;
}

一个小样https://codesandbox.io/s/funny-meadow-tysfm

在使用ul> li的情况下,它们具有如下所述的默认边距。