Html CSS包装在使用“时不展开”；top"；定位

我试图让包装器用contentdiv扩展，它工作得很好，直到我向contentdiv添加一些顶部定位，然后contentdiv从包装器溢出

我在包装器上尝试过自动溢出，它似乎可以工作，但添加了不需要的滚动条，隐藏的只是从内容div中剪辑结尾。。。。。在使用顶部定位方法时，是否需要让包装自动展开，也许我需要在包装底部添加填充物以进行补偿？-虽然我希望在多个内容高度不同的页面上使用相同的包装器id

html，
身体{
保证金：0；
填充：0；
身高：100%；
}
#包装纸{
位置：相对位置；
宽度：100%；
高度：自动；
背景色：#FC0；
}
#内容{
位置：相对位置；
高度：400px；
宽度：300px；
保证金：0自动；
顶部：200px；
文本对齐：居中；
字体大小：24px；
背景色：#F60；
}

内容。。。

它与相对位置有关。将相对位置视为“冻结”元素的边界。如果修改位置，则不会更改原始边界框，而只会更改其在屏幕上的显示方式。因此，您的包装器仍然认为子元素的高度为300px，顶部200px没有注册为高度

最简单的修复方法是添加边距顶部，而不是使用顶部

margin: 200px auto 0;

---

你的问题不清楚。你到底在期待什么？你想让橙色的背景覆盖整个红色的东西吗？为什么你要用相对定位呢？很明显，这并不是你想要达到的目的。为什么不使用边距和填充物呢？欢迎使用Stack Overflow！定位是一种非常糟糕的网页布局方法。它极不灵活，而且有更好、更灵活的选择。查看@Roope我是否应该使用类似margin top的东西来定位content div？例如，是的。看看Paulie的链接。