文本內的div

Question

對準我有一個嵌套的div元素：

 <div id="footer"> 
      <div id="footer_text"> 
       <p>My foooo text</p> 
      </div> 
     </div> 

和CSS代碼：

#footer 
{ 
    position: absolute; 
    bottom: 0px; 
    margin-bottom: 5px; 
    margin-right:50px; 
    margin-left:50px; 
    width:90%; 
    height:16px; 
    color:white; 
    font-size:12px; 
    background:#000000; 
    border-style:solid; 
    border-width:1px; 
    border-color:#F0FFFF; 
    text-align: center; 

} 

似乎在Firefox 7的問題，以做工精細的是，它只能當我沒有

<p>My foooo text</p> 

當我添加它，是出現在div邊界外的文本，它也帶來了惱人的垂直scro會吧。

我嘗試了一些解決方案在這裏，但我似乎無法使它工作..

Answer 1

這是因爲p元素具有默認保證金

我認爲這是很好的解決方案重置邊距和補供一切在開始：

* { 
padding: 0; 
margin: 0; 
} 

反正你可以只添加

p { 
margin: 0; 
} 

此外，您不需要設置頁腳的高度就可以隨意獲得。最好使用填充。當您設置相同的頂部和底部填充 時，您可以使一切垂直居中。