絕對高度爲100％的位置

我遇到了顯示div的問題。由於某些原因，它不顯示內部div。絕對高度爲100％的位置

父div的位置是相對的，因爲子div是絕對的。

這裏是演示http://jsfiddle.net/squidraj/6R3Hr/6/

HTML代碼：

<div class="page-center"> 
    <div class="question_slide inidfeedback">Test</div> 
</div>

CSS代碼：

.question_slide { 
    background: #000000; 
    height: 569px; 
    width:100% 
} 

.question_slide { 
    overflow: hidden; 
    position: absolute; 
    top: 0; 
width: 100%; 
} 
.page-center { 
    margin: 0 auto; 
    max-width: 1100px; 
    overflow: hidden; 
    position: relative; 
    text-align: center; 
    width: 100%; 
}

來源

2013-11-04 Prithviraj Mitra

什麼是使用'位置的點：在頁面中心relative'？ –

否則溢出隱藏不起作用。 –

只是交換他們的位置。

.question_slide { 
overflow: hidden; 
position: relative; 
top: 0; 
width: 100%; 
} 
.page-center { 
margin: 0 auto; 
max-width: 1100px; 
overflow: hidden; 
position: absolute; 
text-align: center; 
width: 100%; 
}

這裏是一個演示：http://jsfiddle.net/6R3Hr/3/

來源

2013-11-04 17:47:40

編輯：

如果溢出：隱藏是必須的，那麼你必須爲你的親戚DIV指定高度：

.page-center { 
    margin: 0 auto; 
    max-width: 1100px; 
    position: relative; 
    text-align: center; 
    width: 100%; 
    overflow:hidden; 
    height:100px; 
}

剛選擇多少高度將爲你工作。

Here是你的代碼工作jsfiddle。

來源

2013-11-04 17:48:56 Waclock

輝煌。我會接受你的回答。非常感謝。 –

事實上，如果我刪除隱藏的溢出，那麼我的其他東西就會變得一團糟。無法消除隱藏的溢出，無法修復它。 –

在這種情況下，我想你必須給你的親屬div一個高度。 – Waclock

給它一種高度風格。由於唯一的內容是相對定位的，它沒有任何固有的高度值，並且因爲溢出隱藏，所以它不在屏幕上。

http://jsfiddle.net/squidraj/6R3Hr/2/

.page-center { 
    margin: 0 auto; 
    max-width: 1100px; 
    overflow: hidden; 
    position: relative; 
    text-align: center; 
    width: 100%; 
    height:20px; 
}

來源

2013-11-04 17:51:54 InfernalRapture

絕對高度爲100％的位置

回答

相關問題