Tailwind CSS - 固定位置的溢出页脚

Question

我是 Tailwind CSS 的新手，我一直在尝试使用 Tailwind 文档中的可用代码示例制作一个简单的投资组合页面。

当容器类用一些边距包装页面上的所有内容时，如果我将页脚设置为固定位置，页脚就会向右溢出。问题似乎与固定或绝对类有关，因为没有此类，页脚采用容器的宽度。

如何在应用了固定类的情况下使页脚包裹在容器中？ CSS 方法可以，但理想情况下，我正在寻找 Tailwind CSS 不会将页脚包装到父级宽度的原因。

代码和演示：https://codesandbox.io/s/tailwind-portfolio-s1r1g

试图实现这一点：

Answer 1

我已经为您的代码更新了 HTML，一切正常。这是更新的代码：Sandbox link

所做的更新是 - 1. 从 body 中删除 class container mx-auto 并添加为单独的容器 div。 2. 这个新的 div 将保存您的导航和其他内容，除了页脚。

之前发生的事情 - 默认情况下，页脚从其父级 body 向左对齐，并且当正文与中心对齐时，它显示为好像页脚右对齐。

如果你想从你现有的代码中做，你可以在 css 中添加一行 -

footer { left: 0}