Javascript 如何处理；“定心”；你的网站在反应

我认为这是一个相对简单的问题，让我解释一下，我该如何“集中”我的网站。这是一张我刚刚在figma中制作的图片，现在我正试图在react中实现它

---

我想知道如何获得左边和右边的边距（同时仍然允许东西像导航栏的侧面一样溢出边距），而不增加我所有元素的边距。某种形式的“布局”组件，但我正在努力让它工作，这是一个如此常见的事情，让你的网站像这样对齐，我相信这里有人知道。非常感谢您的帮助，谢谢。（我使用的是tailwind css，最好不要使用不同的框架或其他东西）

你可以在主分区内制作一个包装。这样主分区将覆盖你网站的100%宽度。那么它里面的包装器有如下属性

main {
  height: 100vh;
  width: 100%;
}

.wrapper_main {
  max-width: 1000px;
  margin: 0 auto;
  width 100%;
  background-color: pink;
}

---

最大宽度将限制您的网站扩展。自动边距使其始终位于中间。对于较小的设备，宽度为100%，因此两者之间没有余量。背景颜色是调试css代码的最佳颜色。

您应该尝试使用引导。它有

.container

类和适合您工作的网格系统。是的-使用引导，第一次学习-它需要一周到一个月的时间，或者您可以在这里或JSFIDLE中放置一些样板代码，这样我们可以给您提供一个可行的示例，您可以在此基础上进行构建。