絕對定位部分高度與最近的祖先元素高度一樣？

??? 沒有偏移量、有祖先元素時，絕對定位部分不是應該脫離文檔流嗎？

??? 我設置的絕對定位部分的高度大于它最近的外層div，但是如果最近的外層div設置為position：relative時，絕對定位部分的高度就跟它一樣了；如果遠一點的外層div設置為position：relative時，就還是原來的高度，代碼1：

.wrap{
?width:1200px;
?margin:0 auto;
?}
.top{
?background-color:#0F0;
?border:#000;
?width:100%;
?height:50px;
?}
.button{
?background-color:#FCC;
?clear:both;
?height:50px;
?}
.mainbody{
?background-color:#000;
?width:100%;
?height:100px;
?overflow:hidden;
?position:relative;
?}
.box{
?background-color:#C0F;
?height:200px;
?position:absolute;
?}

</style>

</head>

<body>

</body>

顯示效果1：

代碼2：

.wrap{
?width:1200px;
?margin:0 auto;
?position:relative;
?}
.top{
?background-color:#0F0;
?border:#000;
?width:100%;
?height:50px;
?}
.button{
?background-color:#FCC;
?clear:both;
?height:50px;
?}
.mainbody{
?background-color:#000;
?width:100%;
?height:100px;
?overflow:hidden;
?}
.box{
?background-color:#C0F;
?height:200px;
?position:absolute;
?}