Div容器-如何完全填充？

Question

您好，我提供了我的div容器的图片，并且我试图说完全填充该容器，如您所见，但是即使我的div在一个表中并且与其他div容器相等，我也遇到了问题。它只是不会完全填充。

谢谢。

带有边框等的外观 what it should look like

<div class="cit">
    <div class="column">
        <h3>Register</h3>
        <img class="cit2" src="images/cit2.jpg">
        <h2 class="divfooter">Step 1 </h2>
    </div>
</div>

html,body{
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
}

.cit {
  display: table;
  width: 90%;
}

.column {
  display: table-cell;
  padding: 30px;
  overflow: none;
}

h3{
    background: red;
    height: 90%;
}

.cit2{
    max-width: 100%;
    max-height: 100%
}

.divfooter{
    background: red;
}

Answer 1

之所以没有占据整个高度，是因为父对象很可能不是您想要的100％。将以下代码放在容器样式之前：

html,body{
width: 100%;
height: 100%;
}