Tailwind CSS - 固定位置的溢出页脚
Tailwind CSS - Overflowing footer with fixed position
我是 Tailwind 的新手 CSS，一直在尝试制作一个简单的投资组合页面，其中包含 Tailwind 文档中的可用代码示例。
虽然容器 class 将页面上的所有内容用一些边距包裹起来，但如果我将页脚设置为固定位置，页脚就会向右溢出。问题似乎出在固定的或绝对的 class 上，因为没有这个 class，页脚占用容器的宽度。
我怎样做才能使页脚包裹在应用了固定 class 的容器中？ CSS 方法可以，但理想情况下我正在寻找 Tailwind CSS 不会将页脚包装到父宽度的原因。
代码和演示：https://codesandbox.io/s/tailwind-portfolio-s1r1g
试图实现这一目标：
我已经为您的代码更新了 HTML，一切正常。这是更新后的代码：Sandbox link
所做的更新是 -
1. 从正文中删除 class container mx-auto 并添加为单独的容器 div。
2. 这个新 div 将保留您的导航和其他内容，但页脚除外。
之前发生了什么 -
默认情况下，页脚从其父级 body 左对齐，并且当正文与中心对齐时，它显示为页脚右对齐。
如果你想从你现有的代码中做到这一点，你可以在 css -
中添加一行
footer { left: 0}
我是 Tailwind 的新手 CSS，一直在尝试制作一个简单的投资组合页面，其中包含 Tailwind 文档中的可用代码示例。
虽然容器 class 将页面上的所有内容用一些边距包裹起来，但如果我将页脚设置为固定位置，页脚就会向右溢出。问题似乎出在固定的或绝对的 class 上，因为没有这个 class，页脚占用容器的宽度。
我怎样做才能使页脚包裹在应用了固定 class 的容器中？ CSS 方法可以，但理想情况下我正在寻找 Tailwind CSS 不会将页脚包装到父宽度的原因。
代码和演示：https://codesandbox.io/s/tailwind-portfolio-s1r1g
试图实现这一目标：
我已经为您的代码更新了 HTML，一切正常。这是更新后的代码：Sandbox link
所做的更新是 -
1. 从正文中删除 class container mx-auto 并添加为单独的容器 div。
2. 这个新 div 将保留您的导航和其他内容，但页脚除外。
之前发生了什么 -
默认情况下，页脚从其父级 body 左对齐，并且当正文与中心对齐时，它显示为页脚右对齐。
如果你想从你现有的代码中做到这一点，你可以在 css -
中添加一行footer { left: 0}