css底部对齐

时间:2013-01-31 22:59:50

标签: css

我在http://rygol.cz/qlife/上有网页,当我缩小时,当我缩小时,id =“contacts”会在每次迭代时到达任意位置。我需要像

这样的东西
border: 0;

因为我需要那些文字的每一个底部 任何想法如何做到这一点?

2 个答案:

答案 0 :(得分:0)

首先,尝试使用以下链接验证您的HTML:HTML Validation 在尝试修复id="contact"

之前尝试修复这些错误

可以解决您的问题的id="contact"使用position:absoluteposition:relative;。如果这不起作用,请使用此display:block;display:inline-block;两者都可以帮助您实现目标。

答案 1 :(得分:0)

将内容底部的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;
}

演示:http://jsfiddle.net/NMDCF/