涉及固定容器的位置元素
我正在尝试重新创建一个与您真正类似的全站点公告,stackoverflow。
我遇到两个问题:
(1)我无法让外部 div 元素出现在公告容器下方。
(2) 我希望公告容器元素和外部 div 元素具有相同的宽度,并且都在页面居中。
任何帮助将不胜感激。
I'm trying to recreate a site-wide announcement similar to yours truly, stackoverflow.
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
公告容器上的位置:固定意味着它和外部容器的顶部位置都为 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?