涉及固定容器的位置元素

发布于 2024-10-22 04:51:53 字数 265 浏览 5 评论 0原文

我正在尝试重新创建一个与您真正类似的全站点公告,stackoverflow。

http://jsfiddle.net/cuMDM/14/

我遇到两个问题:

(1)我无法让外部 div 元素出现在公告容器下方。

(2) 我希望公告容器元素和外部 div 元素具有相同的宽度,并且都在页面居中。

任何帮助将不胜感激。

I'm trying to recreate a site-wide announcement similar to yours truly, stackoverflow.

http://jsfiddle.net/cuMDM/14/

I'm having two issues:

(1) I can't get the outer div element to appear below the announcement container.

(2) I want the announcement container element and the outer div element to be of the same width and both centered in the page.

Any help would be greatly appreciated.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

丢了幸福的猪 2024-10-29 04:51:53

公告容器上的位置:固定意味着它和外部容器的顶部位置都为 0。您可以向外部容器添加边距或位置来更改此设置。

公告容器的宽度已为 100%。您是否反对将 width:100% 放在外部容器上,然后使用其他技术将您想要的任何内容居中?

The position:fixed on your announcement container means that both it and the outer container will have their top position at 0. You can add a margin or a position to the outer container to change this.

The announcment container already has a width of 100%. Are you opposed to putting width:100% on the outer container, and then centering any content for it that you want using some other technique?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文