Question

我在显示div时遇到问题。由于某种原因，它没有显示内部div。

父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%;
}

Answer 1

只是交换他们的立场。

.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/

Answer 2

编辑：

如果overflow：hidden是必须的，那么你必须为你的相对div指定一个高度：

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

只需选择适合您的身高。

Here是您的代码的工作方式。

Answer 3

给它一种高度风格。由于唯一的内容是相对定位的，因此它没有任何固有的高度值，并且因为溢出被隐藏，所以它不在屏幕上。

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;
}

绝对位置高度100％

3 个答案: