css - 我的 shoutbox 在 Chrome 上消失了？

Question

所以在 Chrome 和 Safari 上，我的 shoutbox 在大多数情况下会在页面加载后完全消失。做出回复会将其带回。谁能帮我解决这个问题？

它应该是这样的:

它是这样的:

它是在我更改了输入的 CSS 并使其全部 flex 之后开始的。网址在这里: http://www.creativeburrow.org

Answer 1

当我在 chrome 中查看您的页面时，shoutbox 在那里，但它已被推离屏幕底部。

如果您按 F12 调出检查器，然后定位

<div id="nchat_admin_shoutbox" ...>

并减少它的宽度 touch，或者减少 margin-left，所以它适合容器，它会重新定位回到原来的位置。所以...尝试将其缩小几个像素。

或者把margin statement改成

margin: 0 auto 5px;