2015-08-13 61 views
-2

我正在做一個有一個形象的背景和裏面的鏈接(S)一個div的HTML頁面。股利背景和一些內容沒有高度

這是對的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%; 
} 

我曾嘗試同樣的類型,但我沒有使用像其他人一樣的任何浮動,所以我很困惑。

我想要做的是,在div應爲背景的大小沒有明確給予DIV「x'px的高度。

因爲現在,我必須不斷指定的div高度與圖像背景的每一頁只所以它不會成爲一個零高度股利。

+0

意味着ü要增加DIV高度還是什麼? –

+0

我只是想讓div與背景圖像的高度相同。所以如果圖像的高度是1000px,那麼我希望div的大小相同。如果我手工查找圖像大小並將其應用於例如

然後我得到了我所需要的,但我想找到一種方法,這樣的高度是通過CSS –

回答

1

爲了使您的分度100%的高度,所有父容器應具有相同的高度屬性設置爲100%,否則你的DIV不會有任何的高度。 出於某種原因,我認爲你想達到什麼應該以另一種方式來完成。

+0

沒有其他辦法可以做到這一點。儘管將所有父級容器的高度設置爲100%,但訣竅!萬分感謝。 –

1

我不是100%我理解這個問題,但是這是你在找什麼?

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

自動確定我只是編輯我的問題。請看看 –