不能垂直對齊一個div與粘滯腳註技術

我正在將Styck腳註技術應用於我的網站，但我的內容需要在水平方向上垂直對齊#main但由於botom padding-bottom: 180px必須與頁腳大小相同，我的#main不能垂直排列。如果我取下這個填充物，並在高度處放上一些值，這是有效的，但是我的頁腳並不總是在底部。在這種情況下我應該如何處理？不能垂直對齊一個div與粘滯腳註技術

撥弄padding-bottom:180px;：this link

小提琴無padding-bottom:180px;：this another link

請幫助！

來源

2012-07-25 Preston

你的HTML結構

<div id="wrap"> 
    <div id="main" class="block clearfix"> 
     <div id="wrapper" class="content"> 
      <p>text</p> 
     </div> 
    </div> 
    <div id="footer"> <!-- footer within wrapper --> 
     footer content 
    </div> 
</div>

在你的CSS

，並改變

#footer { 
    position:relative; 
    margin-top: 0; 
    height: 180px; 
    clear:both; 
    background:#FFCC00; 
}

現在你的頁腳將永遠被「附加」到您的內容第一個變化。 Please see the Fiddle.

來源

2012-08-07 12:48:45 Sato

不能垂直對齊一個div與粘滯腳註技術

回答

相關問題