Css 如何解决位置这一常见问题：固定元素未扩展到其父宽度？

看看这把小提琴：

无论窗口大小如何调整，如何使黄色元素与灰色背景对齐（水平方向）？我拒绝相信css是做不到的。是的，js黑客和滚动跟随插件工作，但滞后

拜托，有人吗

编辑：

找到了解决办法。如果容器边距表示为百分比，则内容部分可以表示为剩余百分比。请看这里：

---

虽然不知道为什么它没有完全对齐。我想应该是这样。可能与jsfiddle margin/padding相关。

如果您不介意添加额外的元素来包装

，这并不特别困难。top

：

---

此外，您的解决方案的一个适当调整（好的，几乎）版本：

问题是JSFIDLE加载：

任何东西都比

*

（包括

正文

）更具体，因此无论

*{padding:0；margin:0}

body {background: white; padding: 10px;  }