带有盒子尺寸和内部位置固定杆的容器

Question

我的盒子大小有问题。 我为容器#container设置了它，它给了padding-right: 222px; 在容器内部，我想插入position: fixed宽度为100％的条形。 固定但适应屏幕而不是容器。 你能帮忙吗？

链接： Demo

Answer 1

正式：

#container {
    top: 0;
    left: 0;
    position: fixed;
}
#info_bar {
    position: relative;
}

如果您愿意，您仍然可以在top: 0; left: 0;中使用#info_bar，但我已将其取出，因为这是不必要的。您可以决定是否需要它。

Codepen Demo