snipt

Ctrl+h for KB shortcuts

HTML

Criar um em Footer HTML, posicionado no fundo de outro DIV

1
2
3
<div id="container" style="position: relative">
  <div id="footer" style="position: absolute; bottom: 0px;">CONTEUDO DO FOOTER</div>
</div>
https://snipt.net/embed/77c6f7c92ffd378c90495d771aa6122d/
/raw/77c6f7c92ffd378c90495d771aa6122d/
77c6f7c92ffd378c90495d771aa6122d
html
HTML
3
2019-08-23T07:27:41
True
False
False
/api/public/snipt/20420/
footer-html
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;container&quot;</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;position: relative&quot;</span><span class="p">&gt;</span> </span><span id="L-2"><a name="L-2"></a> <span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;footer&quot;</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;position: absolute; bottom: 0px;&quot;</span><span class="p">&gt;</span>CONTEUDO DO FOOTER<span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> </span><span id="L-3"><a name="L-3"></a><span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> </span></pre></div> </td></tr></table>
css, div, html