o que é um clearfix?
<p>recentemente, eu estava pesquisando o código de alguns sites e vi que cada <code>&lt;div&gt;</code> tinha uma classe <code>clearfix</code>.</p><p>depois de uma rápida pesquisa no google, eu aprendi que é para o ie6, às vezes, mas o que<strong> na verdade </strong>é um clearfix?</p><p>você poderia fornecer alguns exemplos de layout com um clearfix, comparado a um layout sem um clearfix?</p>
<h2>se você não precisa dar suporte ao ie9 ou inferior, pode usar o flexbox livremente e não precisa usar layouts flutuantes.</h2><p>vale a pena notar que hoje, o uso de elementos flutuantes para o layout está ficando cada vez mais desencorajado com o uso de alternativas melhores.</p><ul> <li><code>display: inline-block</code> - melhor</li> <li><strong> <a href="https://developer.mozilla.org/en-us/docs/css/using\_css\_flexible\_boxes">flexbox</a> </strong>- melhor (mas suporte limitado ao navegador)</li> </ul><p>o flexbox é suportado pelo firefox 18, chrome 21, opera 12.10 e internet explorer 10, safari 6.1 (incluindo o mobile safari) e pelo navegador padrão do android 4.4.</p><p>para uma lista detalhada de navegadores, consulte: <a href="http://caniuse.com/flexbox">http://caniuse.com/flexbox</a> .</p><p>(talvez uma vez que a sua posição seja estabelecida completamente, pode ser a maneira absolutamente recomendada de expor os elementos.)</p><hr><p> <a href="https://i.stack.imgur.com/gyrqs.jpg"><img src="https://i.stack.imgur.com/gyrqs.jpg" alt="clearfix image"> </a> </p><p>um clearfix é uma forma de um elemento para<strong> limpar automaticamente seus elementos filho </strong>, para que você não precise adicionar marcações adicionais. é geralmente usado em <em>layouts de float</em> onde os elementos são flutuados para serem empilhados horizontalmente.</p><p>o clearfix é uma forma de combater o problema do contêiner<strong> <a href="http://complexspiral.com/publications/containing-floats/">zero-height</a> </strong>para elementos flutuantes</p><p>um clearfix é executado da seguinte forma:</p><pre class="lang-css prettyprint-override"><code>.clearfix:after { content: " "; /* older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } </code></pre><p>ou, se você não requer o suporte do ie &lt;8, o seguinte também é bom:</p><pre class="lang-css prettyprint-override"><code>.clearfix:after { content: ""; display: table; clear: both; } </code></pre><p>normalmente você precisaria fazer algo da seguinte maneira:</p><pre class="lang-html prettyprint-override"><code>&lt;div&gt; &lt;div style="float: left;"&gt;sidebar&lt;/div&gt; &lt;div style="clear: both;"&gt;&lt;/div&gt; &lt;!-- clear the float --&gt; &lt;/div&gt; </code></pre><p>com clearfix, você só precisa do seguinte:</p><pre class="lang-html prettyprint-override"><code>&lt;div class="clearfix"&gt; &lt;div style="float: left;" class="clearfix"&gt;sidebar&lt;/div&gt; &lt;!-- no clearing div! --&gt; &lt;/div&gt; </code></pre><p>leia sobre isso em<strong> <a href="http://css-tricks.com/all-about-floats/">este artigo - por chris coyer @ css-tricks</a> </strong></p>
<p>a função é informar checar qual o tipo de arquivo stylesheet que está sendo retornado pelo servidor. 
a especificação do html5 informa que para link &#34;stylesheet&#34; o tipo &#34;text/css&#34; é o padrão, mesmo sem colocá-lo ele assume que esse é o tipo. </p> <p>boa noite, jeferson! como vai?</p>
<p>um laço interno nada mais é do que um laço que está dentro do outro. e o externo é o que está envolvendo o interno!</p>
<p><strong>exemplo prático:</strong></p>
<pre class="prettyprint"><code>for (int i &#61; 0; i &lt; 10; i&#43;&#43;) { // laço externo
 for (int j &#61; 0; j &lt; 10; j&#43;&#43;) { // laço interno
 }
}</code></pre><p>pegou a ideia? qualquer coisa é só falar!</p>
<p>grande abraço e bons estudos, meu aluno!</p> colocando de uma forma mais simples.é uma especie de layout pré definido para seu site ou aplicação webele possui configurações de css, jquery entre outrosonde você pode criar menus/formularios/bot... <p>olá, fabrício!</p>
<p>sou da equipe que cuida das explicações dos cursos. veja lá! corrigimos o problema.</p>
<p>muito obrigado pelo seu feedback!</p>
<p>abraço!</p> <p>eu chamaria isso usando contraste de uma maneira utilizável. certifique-se de também utilizá-lo para pessoas que não conseguem perceber cores!</p> <p>olá dácio!</p>
<p>conseguiu resolver sua dúvida?</p>
<p>caso sim, peço para que marque uma solução para fecharmos o tópico!</p>
<p>assim alunos com dúvidas semelhantes poderão encontrar mais facilmente!</p>
<p>obrigado! ^^</p> <p>olá, idelilde! tudo bem contigo? espero que sim!!</p>
<p>eu sei bem o que você está sentindo neste momento. dá a impressão de que tudo que você viu em lógica ficou lá atrás e que não absorveu nada, não é?</p>
<p>pois eu te digo que isso não é verdade!!!</p>
<p>quando fiz pela primeira vez o curso e parti para uma linguagem específica vi que minha base em lógica não tinha ficado tão sólida como eu imaginava. e qual foi minha saída? busquei muita informação sobre lógica e não somente escrevia os códigos no computador... eu escrevi a mão, até eu decorar a estrutura! isso me fez vez com uma certa clareza o que era uma variável, qual a importância e como trabalhar com ela, como funcionava a estrutura do <strong>if</strong>, do <strong>for</strong> e do <strong>while</strong> e assim por diante!</p>
<p>meu conselho? para um pouco ou, caso consiga, estude em paralelo a lógica de programação. quando você sentir que esta mais confiante tudo vai começar a fazer sentido. e não pense que está longe não! se você já passou por lógica esta mais perto de compreender do que você imagina! a internet está repleto de informações sobre lógica ;-)</p>
<p>um detalhe importantíssimo!!!</p>
<p>lógica é algo que vai te acompanhar p/ resto da sua vida em programação. </p>
<p>sempre temos que praticar!!!</p>
<p>espero ter ajudado, idelilde!!!</p>
<p>estaremos sempre aqui para o que precisar.</p>
<p>bateu a dúvida....travou? nos procure!!!</p>
<p>bons estudos e vamos em frente!!!</p> essa é uma dúvida bem corriqueira por aqui, porém não há uma resposta exata, visto que a escolha acaba sendo pessoal.

eu ia separar alguns tópicos sobre esse assunto, mas percebi que são inúmeros e fica melhor deixar o campo de busca de resultados:

[https://plus.diolinux.com.br/search?q=qual%20dist…](https://plus.diolinux.com.br/search?q=qual%20distro%20usar) olá, luis. tudo bom?não consegui entender muito bem sua pergunta. como seria a abertura deste outro código?aqui na devmedia, possuímos um artigo que estarei deixando abaixo, sobre trabalhar com exc... codinomejapa, saiu uma matéria no techtudo que responderá a sua pergunta. dá uma olhada: <http://www.techtudo.com.br/listas/noticia/2016/02/cinco-recursos-que-o-galaxy-s7-tem-e-o-iphone-6s-nao.html> 


<http://www.techtudo.com.br/noticias/noticia/2016/02/galaxy-s7-primeiras-impressoes-sobre-o-lancamento-da-samsung-mwc2016.html> galaxy s7: <http://www.techtudo.com.br/tudo-sobre/galaxy-s7.html> galaxy s7 edge: <http://www.techtudo.com.br/tudo-sobre/galaxy-s7-edge.html>


espero ter ajudado ;)