[Resolvido] Margin
Opa i ae galera, vim aqui tirar uma dúvida que está me atrapalhando muito.
É o seguinte para exemplo vou postar o codigo abaixo para voces testarem no browser:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">* {
margin: 0;
}
#geral {
background-color: yellow;
width: 960px;
height: 800px;
margin: 0 auto;
}
#aprendendo {
background-color: blue;
margin: 25px;
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<div id="geral">
<div id="aprendendo"></div>
</div>
</body>
</html>O que acontece é o seguinte. Para posicionar as divs e tudo mais utiliza margin né. Pois é eu utilizei margin: 25px, na div aprendendo. Para posicionar a 25px do topo e do lado. Porém o que aconteceu foi o seguinte, a div aprendendo se posicionou a 25px do lado da div pai(div geral), porém do topo não, a div geral que se posicionou 25px do elemento body.
Não intendi, tem como alguem explicar o que aconteceu, e como funciona essa atributo margin???
E outra dúvida, eu vejo o pessoal usar overflow de vez em quando, para que que serve o atributo overflow?
Discussão (12)
Carregando comentários...