每个 React 组件之间奇怪的空白

Question

我正在编写一个包含多个组件的小型网络应用程序。我已经编写了后端功能，但在样式方面遇到了一个奇怪的问题。

具体来说，每个组件之间出现一个空白，我不明白为什么。这只发生在组件之间，而不是所有 div 之间。

它是这样出来的：

这发生在每个组件之间，我正在拉扯它。我已经删除了所有导入的 css 文件，但问题仍然存在。我也尝试过一个一个地删除组件，但问题仍然存在。

App.Js，主文件很长，有很多函数和组件，所以我只包含了我要返回的内容：

应用程序JS：

return (
    <div>
      <NavBar
      defaultAccount = {defaultAccount}
      />
      <Landing
        defaultAccount= {defaultAccount}
        connectWalletHandler = {connectWalletHandler}
      />
      <Form
        optionValues = {optionValues}
        removeFormFields = {removeFormFields}
        handleOptionChange = {handleOptionChange}
        addFormFields = {addFormFields}
        setQuestion = {setQuestion}
        handleSubmitPoll = {handleSubmitPoll}
      />
      <Polls
        pollList={pollList}
        handleVote={handleVote}
      /> 
      {errorMessage}
    </div>
  );

我在这里拉扯我的头发，这发生在其他人身上吗？

我试过删除 CSS。我已经删除了每个组件。我检查了每个组件的标签之间是否存在空格。但是每个组件之间仍然存在空白

Answer 1

正如@Pete 评论的那样，这是一个保证金崩溃的问题。添加

溢出：自动

与崩溃有关的元素似乎已经修复了它。