如何讓我的CSS類頁腳從屏幕左側移動到右側？

我的CSS類頁腳不會展開整個頁面的底部。如果瀏覽器窗口足夠小，它可以正常工作，但是如果窗口足夠大，則右側和左側結束並且頁面背景可見。這個類不是嵌套在另一個類中，它的唯一父母是和標籤。這裏是頁腳的CSS：如何讓我的CSS類頁腳從屏幕左側移動到右側？

.Footer { width: 100%; padding:10px 0; margin:0px 0 0 0; text-align:center; border-top:1px solid #b3b3b3; background-color:#d9d9d9;} 
.Footer p { color:#959595; padding:0; margin:0; font:normal 10px 'Verdana';} 
.Footer a { color:#959595; text-decoration:underline;}

的頁面是在向上avidest.com所以你可以明白我的意思。任何幫助，將不勝感激。謝謝。

來源

2013-02-20 Philip7899

將Footer塊移到主容器的外部，bgRasize，並且它應該跨越頁面的寬度。目前它的容器寬度是100％。

<div class="bgRasize"> 
    ... other content 
</div> 

<div class="Footer"> 
    ... footer content 
</div>

來源

2013-02-20 18:55:16 sbeliv01

感謝。這照顧了頁腳的左側，但是現在如果頁面太小並且用戶向右滾動，則頁腳在它應該出現之前仍然會結束，並且頁腳中的文本也不隨其餘的頁面。任何想法如何解決這個問題？ – Philip7899 2013-02-20 19:18:56

設置'.Footer'的'min-width'爲任何主容器寬度的大小，即'min-width：1024px;' – sbeliv01 2013-02-20 19:29:03

非常好，謝謝！ – Philip7899 2013-02-20 19:30:30

檢查三兩件事：

的.Footer元素是你<body>標籤的直接子。
<body>應該有padding: 0; margin: 0;如果你想確保你的元素將觸摸視口的邊緣。
如果類.Footer的元素默認不是塊元素，則應該明確地將其顯示樣式設置爲display: block;。

標記層次結構應該是這樣的：

<body> 
    <!-- Page content. --> 
    <div class="Footer"></div> 
</body>

來源

2013-02-20 18:58:18

如何讓我的CSS類頁腳從屏幕左側移動到右側？

回答

相關問題