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

Question

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

虽然容器类以一定的边距包装页面上的所有内容，但如果我将页脚设置为固定位置，则页脚会溢出到右侧。问题似乎出在固定类或绝对类上，因为没有此类，页脚会占用容器的宽度。

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

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

试图实现这一目标:

Answer 1

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

所做的更新是 - 1. 从正文中删除类 container mx-auto 并添加为单独的容器 div。 2. 这个新的 div 将包含您的导航和其他内容，页脚除外。

早些时候发生了什么—— 默认情况下，页脚从其父级 body 向左对齐，并且当主体与中心对齐时，它显示为就好像页脚右对齐一样。

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

footer { left: 0}