Html 绝对定位子对象中的相对定位子对象

我目前正试图完全理解所有的定位代码是如何工作的，并使我的网站中的每件事都能响应。我遇到了一个相当恼人的问题

问题
-我有一个相对定位的div（id:news\u content），位于绝对定位的div（id:page）内。当我尝试使用定位命令上下移动新闻内容时，只有左起作用。而top命令根本不移动新闻内容

/*全局*/
身体{
保证金：0；
填充：0；
}
div{
保证金：0；
填充：0；
排名：0；
左：0；
底部：0；
右：0；
}
桌子{
保证金：0；
填充：0；
边界间距：0；
}
/*全球分部*/
#页面{
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
}
#主导航{
背景色：黑色；
宽度：100%；
身高：14%；
位置：固定；
z指数：0；
}
/*航行*/
#导航内容{
背景颜色：灰色；
宽度：12.5%；
身高：86%；
位置：固定；
最高：14%；
z指数：-1；
}
#导航侧集装箱{
背景色：黑色；
宽度：60%；
身高：93%；
位置：相对位置；
最高：3.5%；
左：18.75%；
}
#导航侧{
背景色：红色；
宽度：75%；
身高：93%；
位置：相对位置；
最高：3.5%；
左：12.75%；
}
#导航侧桌{
宽度：100%；
身高：100%；
字体系列：'Playball'；
字号：1.25em；
字体大小：粗体；
文本对齐：居中；
}
#导航侧桌{
宽度：100%；
身高：33.33%；
边框顶部：0.1米纯黑色；
}
/*新闻*/
#新闻内容{
背景色：红色；
宽度：87.5%；
身高：86%；
位置：相对位置；
最高：14%；
左：12.5%；
z指数：-2；
}
/*
#新闻{
背景色：黑色；
宽度：10em；
高度：10公分；
位置：相对位置；
左：10em；
}
#新闻主播{
背景颜色：蓝色；
宽度：10em；
高度：10公分；
位置：相对位置；
}
#新闻方面{
背景颜色：绿色；
宽度：10em；
高度：10公分；
位置：相对位置；
}
/*文章*/
#文章内容{
背景颜色：蓝色；
宽度：87.5%；
身高：86%；
位置：相对位置；
左：12.5%；
z指数：-2；
}
/*未来计划*/
#未来内容{
背景颜色：绿色；
宽度：87.5%；
身高：86%；
位置：相对位置；
左：12.5%；
z指数：-2；
}

新闻
文章
未来计划

这是因为您的

#页面

id上没有高度。如果你给它

高度：100%，应该这样做。
这是因为您的
#页面
id上没有高度。如果你给它
高度：100%，应该可以了。
遗憾的是，这对我不起作用。为什么你认为id上没有定义高度是个问题？只是好奇：波凯，这很奇怪。老实说，我不知道它为什么会起作用。我只是再次尝试增加它的高度，但仍然一无所获。可悲的是，这对我不起作用。为什么你认为id上没有定义高度是个问题？只是好奇：波凯，这很奇怪。老实说，我不知道它为什么会起作用。我只是再次尝试增加它的高度，但仍然一无所获。