css - css下揃え

Question

http://rygol.cz/qlife/に Web ページがあり、ズームアウトすると、ズームアウトするたびに id="contacts" がどこにでも移動します。次のようなものが必要です

border: 0;

そのテキストが必要なので、それを行う方法はありますか?

Answer 1

まず、次のリンクを使用してHTMLを検証してみてください。HTML検証 では、修正を試みる前に、これらのエラーを修正してください。id="contact"

id="contact"使用に関しては、position:absoluteまたはposition:relative;それはあなたの問題を解決するかもしれません。それがうまくいかなかった場合は、これdisplay:block;またはdisplay:inline-block;両方を使用すると、目標を達成するのに役立ちます。

Answer 2

コンテンツの下部にdivを配置するには、コンテンツdivに{position：relative;}を追加し、{position：absolute; 下：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/