我知道這裏有幾個關於這個問題的問題,但我有一個相當獨特的困境。我正在處理一個模板,該模板必須包含某些標記,並且必須與上載代碼後添加到模板中的其他元素一起使用。我不擔心這一點,但我有一段時間試圖讓頁腳顯示在頁面的底部。我無法修改任何關於頁腳的東西,它顯示在我用作包裝的div底部。問題是,如果我將高度設置爲固定值,那麼在評論div與頁腳重疊之前,只能進行很多評論。我已經嘗試了幾種不同的解決方案,包括將容器div的高度設置爲auto,將溢出設置爲auto,將下邊距設置爲65(頁腳的高度),並將溢出設置爲滾動評論div(導致非常鬆散的註釋)。如何在不與CSS鬥爭的情況下實現此佈局
Here is an example of the problem and the template as it stands.
下面是div容器的CSS樣式(DIV ID =主)
#Main {
margin: 0px auto auto auto;
background-color: #808080;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: medium;
font-variant: normal;
color: #FFFFFF;
width: 900px;
position: relative;
}
下面是註釋DIV
#Comments {
background-color: #008080;
width: 450px;
height: auto;
top: 1750px;
left: 450px;
position: absolute;
overflow: auto;
}
的CSS樣式和這裏是如何的divs堆疊在身上
<div id="Main">
...
<div id="Comment_Form">
<!--[COMMENT_FORM=400,200]-->
</div>
<div id="Comments">
<!--[COMMENTS=400]-->
Comments
</div>
</div>
由於頁面會變得很沉重,我試圖保持代碼的輕量級(並且可能很糟糕)。
感謝您的幫助,如果有人需要,我會立即發佈模板。
編輯:
好了,它發生,我認爲一)我需要重做的CSS和我有下降的div,和b)我不知道如何使用純CSS來做到這一點,或在至少不會像你們中的一個人所說的那樣戰鬥。我試圖實現的是這樣的:
我不知道如何做到這一點。和任何幫助將不勝感激(以及任何方式,以避免每個元素在其自己的股利)
是的,我擔心我將不得不重做佈局。感謝您的鏈接,我會研究它。 – salsa 2010-12-16 01:18:18