原位置展开并且不影响后续元素

背景

一般来说，

成品效果

示例

• 脱离文档流实现不影响后续元素布局，此处是固定了父容器的大小避免布局发生变化。
• 使用绝对定位覆盖在屏幕上方
• 使用::before伪元素来制造边框的错觉（否则），并且设置背景颜色，盖住下面的元素（否则视觉效果很差）

总结

尽管该方案的实现基本上使用css，但是还是引入了额外的复杂性。而且在一般情况下用不到这种布局，因此我还是建议能不用这个方案就不用。