javascript - 如何将标题扩展到整个页面宽度？

Question

如何将标题扩展到整页？我试过 margin-left & right 但这不起作用。

头文件.css

    background: green;
    height: 70px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    left: 0;
    right: 0;
} 


  .header-right {
    float: right;
  }

  @media screen and (max-width: 500px) {
    .header-right {
      float: none;
    }
  }

这是我的 app.tsx 文件：

const Header = () => (
  <div className = 'header'>
  <h1>Instaride</h1>
  <div className="header-right">
    <Button> Sign In</Button>
    <Button> Contact</Button>
  </div>
</div>
);

export default Header;

标签： javascripthtmlcssreactjsmaterial-ui

Answer 1

看起来你的身体元素可能有一个边距。尝试设置：

body{
    margin: 0;
}