Div有背景，有些内容没有高度

Question

我正在创建一个HTML页面，其中包含带有图像背景和内部链接的div。

这是div背景的CSS：
HTML：

<div class="middle">
 <a href=# style="position:absolute; top: 0px; right:50px;"></a>
</div>

CSS：

.middle{
background:#fff url('login.jpg') no-repeat scroll center top;
text-align: center;
margin: 0px auto;
height: 100%;
width: 100%;  
}

我已经尝试了＆＃34;溢出：自动＆＃34;像许多相同类型的问题一样，但我没有像其他人一样使用任何浮动，所以我很困惑。

我想要做的是，div应该是背景的大小而没有明确地给div高度为＆＃39; x＆＃39; px。

因为现在，我必须不断为每个带有图像背景的页面指定div高度，这样它才不会成为零高度div。

Answer 1

我不是100％我理解这个问题，但这是你正在寻找的吗？

.middle{
background:#fff url('login.jpg') no-repeat scroll center top;
text-align: center;
margin: 0px auto;
height: 100%;
overflow-x: hidden; 
}

Answer 2

为了使你的div高度为100％，所有父容器都应该将相同的height属性设置为100％，否则你的div将没有任何高度。 出于某种原因，我认为你想要实现的目标应该以另一种方式完成。