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

Question

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

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

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

代码和演示：

https://codesandbox.io/s/tailwind-portfolio-s1r1g

尝试实现这一目标：

Answer 1

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

沙盒链接

所做的更新是 - 1. 从 body 中删除了类

container mx-auto

 并添加为单独的容器 div。
2. 这个新的 div 将保存您的导航和其他内容（页脚除外）。

之前发生了什么 - 默认情况下，页脚从其父级（

body

）向左对齐，并且当正文与中心对齐时，它显示为页脚右对齐。

如果您想从现有代码中执行此操作，可以在 css 中添加一行 -

footer { left: 0}