CSS，試圖使超鏈接對齊底部

我猜這裏有一個基本的錯誤，但我不明白爲什麼我的底部定位被覆蓋。 .link不在身體之外。CSS，試圖使超鏈接對齊底部

body { 
    font-family: Century Gothic, Arial; 
    background-color: #836FFF; 
    margin: 0 auto; 
    text-align: center; 
} 

.header { 
    margin: 0 auto; 
    width: 910px; 
    background-color: #6A5ACD; 
    font-size: 60px; 
    color: #473C8B; 
} 

.t1 { 
    margin: 20px auto 0px auto; 
    padding: 10px; 
    font-size: 16px; 
    font-weight: bold; 
    color: #473C8B; 
    text-align: center; 
    padding-top: 20px; 
} 

.link { 
    position:absolute; 
    bottom:5px; 
    left:5px; 
}

來源

2011-10-06 Sam

你的html是什麼？ –

你不應該在'body'標籤之外有真正的錨點標籤。 – Alex

嘗試在'body {}中放置'position：relative'如果我正確理解你的話 – mpen

如果你的鏈接是絕對定位的，它應該位於一個位置爲相對的包裝中。然後設置你的包裝大小和填充。而.link將完全放在包裝中。所以根據包裝的位置左下角5。如果你想在最底部做底部0左或右0

來源

2011-10-06 20:55:14 Anagio

2件事......如果你想讓鏈接始終處於可見瀏覽器的底部，請使用position：fixed。如果您確實希望鏈接位於頁面底部，則取決於父元素。 http://www.w3schools.com/css/css_positioning.asp

來源

2011-10-06 20:54:07

MDN> w3fools https://developer.mozilla.org/en/CSS/position – MrMisterMan

^css定位的更好鏈接 –

CSS，試圖使超鏈接對齊底部

回答

相關問題