css - 涉及固定容器的位置元素

标签 css positioning fixed

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

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

我有两个问题:

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

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

如有任何帮助,我们将不胜感激。

最佳答案

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

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

关于css - 涉及固定容器的位置元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5285248/

相关文章:

html - ie 7 中的相对定位、div 堆叠问题

jquery - jquery 插件元素的 CSS 定位

html - 修复定位菜单栏覆盖与其链接的元素

html - float 未按预期工作

html - 将绝对元素定位在其相对父元素的中心

javascript - 固定页眉和页内 anchor vs. Tripit Slate

iOS 输入集中在固定父级内停止固定元素的位置更新

javascript - Jquery 1.8,检查元素是否隐藏

css - 将 Bootstrap 4 导航栏覆盖的宽度设置为导航内容

html - 包装表不显示 bg 图像