2013-01-18 49 views
1

我目前正在嘗試創建一個網頁頁腳,它保持位於頁面底部並且已經這樣做,儘管我在頂部創建內容時遇到了一些問題這個div。通過div標記爲絕對位置的div創建文本

.footer{ 
width:100%; 
height:80px; 
background:#333333; 
margin-top:20px; 
position:absolute; 
bottom:0; 
} 

以上是我用過,但是我仍然有麻煩時,試圖創造,在這個等的頂部,版權音符顯示的div當前的CSS樣式選項。

所有幫助將感激地讚賞:)!

+1

您的意思是**中的**或**中的**,因爲後者並不存在(或者可能不是必需的)。 –

+0

或者你的意思是**以上**的頁腳?而你是頁腳粘腳嗎(看起來像從CSS)? – tahdhaze09

回答

2

創建一個子DIV像這樣

<div class="footer"> 

    <div>Copyright Info</div> 

</div> 

,並給予孩子的CSS position: relative;以防止position: absolute;

+0

謝謝,完美的工作:)! – user1832425

0

繼承我不知道你想要什麼樣的內容,但這裏有一個幾個例子在jsFiddle中。

jsFiddle

基本上,如果你想有一個<div>在你的頁腳,把它放在你的頁腳DIV中:

<div class ="footer"> 
<div class="ele"> 
    <span class="over">Hello World.</span> 
</div> 
</div> 

和風格也給它的尺寸和利潤率排隊起來。

.ele { 
    margin:auto; 
    width:100px; 
    height:100px; 
    background-color:red; 
}