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，试图使超链接对齐底部

回答

相关问题