css - CSS底部对齐

Question

我在http://rygol.cz/qlife/上有网页，当我缩小时，每次迭代时 id="contacts" 都会出现在任何地方。我需要类似的东西

border: 0;

因为我需要那篇文章的任何想法怎么做？

Answer 1

首先，尝试使用以下链接验证您的 HTML：HTML 验证 尝试修复这些错误，然后再尝试修复您的id="contact"

至于id="contact"用途position:absolute或position:relative;可能解决您的问题。如果这不起作用，使用它display:block;或display:inline-block;两者都可以帮助您实现目标。

Answer 2

要在内容底部对齐 div，请将 {position: relative;} 添加到内容 div 和 {position: absolute; bottom: 26px;} 到要对齐的 div。

CSS：

#content-wrapper {
position: relative;
}

#leftcolumn {
padding-bottom: 110px; /* this will prevent the normal content in the left column to go under the aligned div */
}

#contacts {
margin-top: 0;
position: absolute;
bottom: 26px;
}

Demo: http://jsfiddle.net/NMDCF/