Html 页面赢得'；不要在任何浏览器中滚动--我使用的是过时的CSS吗？

我已经五年没有真正深入研究CSS编码了，所以我可能正在使用过时的代码；但是，除了滚动条之外，一切似乎都正常。虽然我可以将滚动条添加到我创建的任何div元素中，但它不允许页面滚动。我尝试添加溢出：自动；和溢出：滚动；我的身体标签的选项，但没有任何效果。我已经包括了我正在使用的编码，但是我已经双重和三重检查了我没有包括另一组滚动标签。有人知道问题出在哪里吗？我担心我的CSS可能已经过时了，但是我到处找都说只使用溢出标签。谢谢
此外，内容元素被设置为比页面长，这样我就可以查看我的滚动条是否正常工作，但添加了溢出：scroll；ToMyBody标签使滚动条出现，但不起作用

编码：

<style>
body{background: #000000; font-family: tahoma;}

#content{position: fixed; top: 155px; left: 347px; overflow: auto;}

.content{height: 800px; width: 506px; color: #FFFFFF; overflow: auto;}

#navigation{position: fixed; top: 155px; left: 153px;}

.navigation{height: 643px; width: 184px; background: #000000;}

a:link{display: block; background: #A70000; font-family: tahoma; font-size: 14pt; text-decoration: none; color: #FFFFFF; border-left: 3px #D50000 solid; width: 

180px; height: 25px; text-align: left; margin-bottom: 4px; text-indent: 6pt;}

a:hover{display: block; background: #A70000; font-family: tahoma; font-size: 14pt; text-decoration: underline; color: #FFFFFF; border-left: 3px #D50000 solid; 

width: 180px; height: 25px; text-align: left; margin-bottom: 4px; text-indent: 6pt;}
</style>

正文{背景：#000000；字体系列：tahoma；}
#内容{位置：固定；顶部：155px；左侧：347px；溢出：自动；}
.content{高度：800px；宽度：506px；颜色：#FFFFFF；溢出：自动；}
#导航{位置：固定；顶部：155px；左侧：153px；}
.navigation{高度：643px；宽度：184px；背景：#000000；}
a:链接{显示：块；背景：#A70000；字体系列：tahoma；字体大小：14pt；文本装饰：无；颜色：#FFFFFF；左边框：3px#D50000实心；宽度：
180px；高度：25px；文本对齐：左侧；页边距底部：4px；文本缩进：6pt；}
a：悬停{显示：块；背景：#A70000；字体系列：tahoma；字体大小：14pt；文本装饰：下划线；颜色：#FFFFFF；左边框：3px#D50000实心；
宽度：180px；高度：25px；文本对齐：左侧；页边距底部：4px；文本缩进：6pt；}

问题似乎与位置有关：已修复

位置：相对将允许内容滚动

---

是展示和实验HTML/CSS/JS的典型方式。设置一个JS提琴，人们可以帮你调试。我创建了一个，但我甚至不确定我是否做对了。就像我说的，我已经很久没有试过做这样的事情了。对此我真的很抱歉。我认为问题可能来自position:fixed，因为它会将div锁定在用户视口上，但在页面在JSFIDLE中设置之前，我无法确定您的情况。因此，我需要使用position:relative，而不是position:fixed？在JSFIDLE上，我还包括了创建网站时使用的实际代码——希望这会有所帮助。