Olá pessoal, tudo certo?
Não consegui entender muito o foat. fiz alguns teste e o que percebi é que ; para o caso do texto fluir em torno de um elemento, blz.. isso parece bem previsível, mas para posicionamento não parece muito intuitivo.
Fiquei pensando se tivesse um layout aprovado com os elementos já com as posições definidas, como seria?
Claro, entendo que estou no curso iniciantes em programação, talvez não seja o foco agora.
Mas a dúvida é. Existes como controlar o posicionamento perfeitamente dos elementos de página, com o CSS. ?
<!DOCTYPE html>
<html>
<head>
<style>
.caixa, .caixa-dois {
background-color: #cccccc;
margin:15px;
width: 170px;
height: 170px;
}
.texto {
border: 3px solid #4CAF50;
}
.caixa {
float: left;
}
.caixa-dois {
float: left;
}
</style>
</head>
<body>
<p>Tentando entender o float.</p>
<div class="caixa">
<p>caixa</p>
</div>
<div class="caixa-dois">
<p>caixa dois</p>
</div>
<div class="texto">
<p>Eu não entendo como isso funcina, mas vou aprender. Eu não entendo como isso funcina, mas vou aprender.Eu não entendo como isso funcina, mas vou aprender.Eu não entendo como isso funcina, mas vou aprender.Eu não entendo como isso funcina, mas vou aprender.Eu não entendo como isso funcina, mas vou aprender.Eu não entendo como isso funcina, mas vou aprender.Eu não entendo como isso funcina, mas vou aprender.Eu não entendo como isso funcina, mas vou aprender.Eu não entendo como isso funcina, mas vou aprender.Eu não entendo como isso funcina, mas vou aprender. Eu não entendo como isso funcina, mas vou aprender.Eu não entendo como isso funcina, mas vou aprender.</p>
</div>
</body>
</html>