绝对高度为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％的位置

回答

相关问题