Vzhľadom na nasledujúce HTML:
<div id="container">
<!-- Other elements here -->
<div id="copyright">
Copyright Foo web designs
</div>
</div>
Chcel by som, aby sa #copyright
prilepilo na spodok #container
.
Môžem to dosiahnuť bez použitia absolútneho pozicovania? Ak by vlastnosť float podporovala hodnotu 'bottom', zdá sa, že by to stačilo, ale bohužiaľ to tak nie je.
Pravdepodobne nie.
Priraďte position:relative
k #container
a potom position:absolute; bottom:0;
k #copyright
.
<!-- language: lang-html -->
<div id="container">
<!-- Other elements here -->
<div id="copyright">
Copyright Foo web designs
</div>
</div>
<!-- language: lang-css -->
#container {
position: relative;
}
#copyright {
position: absolute;
bottom: 0;
}
Skúste toto;
<div id="container">
<div style="height: 100%; border:1px solid #ff0000;">
<!-- Other elements here -->
</div>
</div>
<div id="copyright" style="position:relative;border:1px solid #00ff00;top:-25px">
Copyright Foo web designs
</div>
Ak chcete, aby sa "držal" na spodku bez ohľadu na výšku kontajnera, potom je vhodné absolútne pozicovanie. Samozrejme, ak je prvok s autorskými právami posledný v kontajneri, aj tak bude vždy na spodku.
Môžete svoju otázku rozšíriť? Vysvetlite, čo presne sa snažíte urobiť (a prečo nechcete použiť absolútne pozicovanie)?